react tailwindcss portfolio

Portfolio React & Tailwindcss - avec mode sombre

Un thème de démarrage de portefeuille simple construit avec React et Tailwind CSS. Il s'agit de la version React de Vuejs-Tailwindcss-Portfolio.

URL de démonstration

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

Autres versions de ce projet

• 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

Caractéristiques

• React v18 avec le routeur react v6
• Tailwind CSS V3
• API de contexte pour la gestion de l'État
• Crochets personnalisés
• Tests unitaires
• Transitions et animations de mouvement du cadre
• Composants réutilisables
• Mode sombre
• Projets Filtre par catégorie
• Projets Filtre par recherche
• Rouleau lisse
• Comptoir
• Formes dynamiques
• Bouton arrière vers le haut
• Télécharger le bouton Fichier
• Conception simple et réactive

Pour contribuer à ce projet, lisez les directives de contribution

Installation

1. Assurez-vous que le nœud JS a installé. Si vous ne l'avez pas:

• Téléchargez-le depuis Nodejs.org
• L'installez en utilisant NVM
• Si vous êtes sur Mac, Homebrew est également une bonne option:

 brew install node

2. Cloner le repo:

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

3. Ouvrez le dossier du projet:

 cd react-tailwindcss-portfolio

4. Installez les packages et les dépendances:

 yarn

4. Remarque: Si vous n'avez pas installé de fil, vous pouvez l'installer globalement à l'aide de NPM:

 npm install --global yarn

5. Démarrez un serveur de développement local sur http://localhost:3000 :

 yarn start

6. Exécutez des tests:

 yarn test

Notes

• Exécutez toujours yarn install après avoir tiré de nouvelles modifications
• Je vais constamment mettre à jour ce dépôt car je vais y ajouter plus de sections, alors veuillez vérifier toujours la section Projets de ce référentiel pour voir quelles tâches sont sous Todo et en cours
• À venir bientôt, je ferai un screencast. Bientôt, je téléchargerai une vidéo sur ma chaîne YouTube où je vais passer par le processus de création de ce portoflio
• Illustrations de Undraw et Freepik
• Images de UNSPLASH
• N'hésitez pas à l'utiliser comme votre propre portefeuille
• Les contributions sont les bienvenues

Licence

Mit