Este proyecto es una aplicación de práctica desarrollada con React + Vite.
Simula un carrito de compras donde se pueden visualizar productos, agregarlos al carrito, calcular el total y realizar un flujo básico de pago.
- 📦 Listado de productos dinámico.
- ➕➖ Agregar y quitar productos del carrito.
- 💰 Cálculo automático del total de la compra.
- 🔐 Contextos de autenticación y carrito (AuthContext, CartContext, ProductsContext).
- 🧾 Simulación de proceso de pago.
- 🎨 Estilos con CSS y Bootstrap para un diseño responsivo.
├── public/ # Archivos públicos ├── src/ # Código fuente principal │ ├── components/ # Componentes reutilizables │ ├── context/ # Contextos (Auth, Cart, Products) │ ├── pages/ # Vistas principales │ └── App.jsx # Componente raíz ├── index.html ├── package.json └── vite.config.js
- Clonar el repositorio:
git clone https://github.com/MDsimone/talentotechReact.git
Instalar dependencias:
bash npm install Ejecutar en modo desarrollo:
bash npm run dev
🌐 Demo en GitHub Pages Puedes ver la aplicación desplegada aquí: 👉(https://mdsimone.github.io/talentotechReact/)
📖 Objetivo del proyecto Este trabajo forma parte de una práctica educativa para aprender:
Manejo de React Context.
Integración de componentes y rutas.
Buenas prácticas de documentación y despliegue en GitHub Pages.
🤝 Contribuciones Este es un proyecto de práctica, pero cualquier sugerencia o mejora es bienvenida. Puedes abrir un issue o enviar un pull request.
📜 Licencia Este proyecto está bajo la licencia MIT. Puedes usarlo libremente para aprender y crear tus propias aplicaciones.