react tailwindcss portfolio

React & Tailwindcss Portfolio - mit dem dunklen Modus

Ein einfaches Portfolio -Starterthema, das mit React- und Rückenwind -CSS gebaut wurde. Dies ist die React-Version von Vuejs-Tailwindcss-Portfolio.

Demo -URL

https://react-tailwindcss-portfolio.netlify.app

Andere Versionen dieses Projekts

• Next.js Version: https://github.com/realstoman/nextjs-tailwindcss-portfolio
• Vue.js Version: https://github.com/realstoman/vuejs-tailwindcss-portfolio
• Nuxt.js Version: https://github.com/realstoman/nuxtjs-tailwindcss-portfolio

Merkmale

• React V18 mit React Router V6
• Rückenwind CSS V3
• Kontext -API für das Staatsmanagement
• Benutzerdefinierte Haken
• Unit -Tests
• Framer Motion -Übergänge und Animationen
• Wiederverwendbare Komponenten
• Dunkler Modus
• Projekte nach Kategorie filtern
• Projekte durch Suche filtern
• Sanfte Schriftrolle
• Schalter
• Dynamische Formen
• Zurück zur oberen Taste
• Dateischaltfläche herunterladen
• Einfaches und reaktionsschnelles Design

Lesen Sie die Beitragsleitlinien, um zu diesem Projekt beizutragen

Aufstellen

1. Stellen Sie sicher, dass der Knoten JS installiert ist. Wenn Sie es nicht haben:

• Laden Sie es von nodejs.org herunter
• Installieren Sie es mit NVM
• Wenn Sie auf Mac sind, ist Homebrew auch eine gute Option:

 brew install node

2. Klonen Sie das Repo:

 git clone https://github.com/realstoman/react-tailwindcss-portfolio.git

3. Öffnen Sie den Projektordner:

 cd react-tailwindcss-portfolio

4. Installieren Sie Pakete und Abhängigkeiten:

 yarn

4. Hinweis: Wenn Sie kein Garn installiert haben, können Sie es weltweit mit NPM installieren:

 npm install --global yarn

5. Starten Sie einen lokalen Entwicklerserver unter http://localhost:3000 :

 yarn start

6. Tests ausführen:

 yarn test

Notizen

• Führen Sie immer yarn install nachdem Sie neue Änderungen gezogen haben
• Ich werde dieses Repo ständig aktualisieren, da ich ihm weitere Abschnitte hinzufügen werde. Überprüfen Sie also immer den Abschnitt Projekte dieses Repo, um zu sehen
• Ich komme bald und mache einen Screencast. Bald werde ich ein Video auf meinen YouTube -Kanal hochladen, in dem ich diesen Portoflio erstellen werde
• Illustrationen von Unraw und Freepik
• Bilder von Unsplash
• Fühlen Sie sich frei, es als Ihr eigenes Portfolio zu verwenden
• Beiträge sind willkommen

Lizenz

MIT