Este es un proyecto de comercio electrónico que permite navegar por categorías, ver los detalles de los productos en una vista separada, agregar productos al carrito y validar si un producto ya está agregado para actualizar solo la cantidad. Además, el icono del carrito muestra la cantidad de productos de forma dinámica y se pueden eliminar productos del carrito. El proyecto también incluye un formulario para recopilar los datos del cliente, los cuales están validados. Utiliza Firebase como base de datos y las siguientes dependencias:
- "@chakra-ui/react": "^2.5.5"
- "@emotion/react": "^11.10.6"
- "@emotion/styled": "^11.10.6"
- "firebase": "^9.21.0"
- "framer-motion": "^10.10.0"
- "react": "^18.2.0"
- "react-dom": "^18.2.0"
- "react-router-dom": "^6.10.0"
- Navegación por categorías
- Vista de detalles del producto
- Funcionalidad de agregar al carrito
- Validación de productos duplicados en el carrito
- Actualización dinámica de la cantidad de productos en el icono del carrito
- Eliminación de productos del carrito
- Formulario de datos del cliente con validación
- Integración con Firebase
- Clona este repositorio:
git clone https://github.com/tu-usuario/nombre-del-repo.git - Ve al directorio del proyecto:
cd nombre-del-repo - Instala las dependencias:
npm install
- Inicia el servidor de desarrollo:
npm start - Abre tu navegador y visita: https://bright-starship-028166.netlify.app/
Si deseas contribuir a este proyecto, sigue estos pasos:
- Haz un fork del repositorio
- Crea una nueva rama:
git checkout -b mi-rama - Realiza tus cambios y guarda
- Realiza un commit de tus cambios:
git commit -m "Descripción de los cambios" - Haz push a la rama:
git push origin mi-rama - Abre una Pull Request en GitHub
Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para obtener más información.
Si tienes alguna pregunta o sugerencia, puedes contactarme a través de correo electrónico o Twitter. ¡Espero tus comentarios!