react tailwindcss portfolio

REACT & TAYWINDCSS PORTFOLIO - con modo oscuro

Un tema de inicio de cartera simple construido con react y CSS de viento de cola. Esta es la versión React de VueJS-TailWindcss-Portfolio.

URL de demostración

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

Otras versiones de este proyecto

• Next.js versión: https://github.com/realstoman/nextjs-tailwindcss-portfolio
• Vue.js Versión: https://github.com/realstoman/vuejs-tailwindcss-portfolio
• Nuxt.js Versión: https://github.com/realstoman/nuxtjs-tailwindcss-portfolio

Características

• React V18 con React Router V6
• Valor de cola CSS V3
• API de contexto para la gestión estatal
• Ganchos personalizados
• Prueba unitaria
• Framer Motion Transitions & Animations
• Componentes reutilizables
• Modo oscuro
• Filtros de proyectos por categoría
• Filtros de proyectos por búsqueda
• Desplazamiento suave
• Encimera
• Formas dinámicas
• Volver al botón superior
• Descargar botón de archivo
• Diseño simple y receptivo

Para contribuir a este proyecto, lea las guías de contribución

Configuración

1. Asegúrese de tener el nodo JS instalado. Si no lo tienes:

• Descárguelo de NodeJs.org
• Instalarlo con NVM
• Si estás en Mac, Homebrew también es una buena opción:

 brew install node

2. Clon el repositorio:

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

3. Abra la carpeta del proyecto:

 cd react-tailwindcss-portfolio

4. Instalar paquetes y dependencias:

 yarn

4. Nota: Si no tiene hilo instalado, puede instalarlo a nivel mundial usando NPM:

 npm install --global yarn

5. Inicie un servidor de desarrollo local en http://localhost:3000 :

 yarn start

6. Ejecutar pruebas:

 yarn test

Notas

• Siempre ejecute yarn install después de extraer nuevos cambios
• Estaré constantemente actualizando este repositorio, ya que le agregaré más secciones, así que siempre consulte la sección de proyectos de este repositorio para ver qué tareas están en TODO y en progreso
• Próximamente estaré haciendo un screencast. Pronto subiré un video a mi canal de YouTube donde revisaré el proceso de creación de este Portoflio
• Ilustraciones de Undraw y Freepik
• Imágenes de Unsplash
• Siéntase libre de usarlo como su propia cartera
• Las contribuciones son bienvenidas

Licencia

MIT