Este es un proyecto fue realizado bajo en el marco del curso de react de Telento Tech.
Una aplicación de comercio electrónico moderna que consume la Fake Store API para mostrar productos, categorías y simular una experiencia de compra real.
🟢 Frontend: React.js / Vite
🟢 Estilos: Bootstrap
🟢 Estado: Context API
🟢 HTTP: Fetch API
🟢 API: Fake Store API
🟢 Node.js (versión 14 o superior)
🟢 npm
🟢 Navegador web moderno
git clone https://github.com/Gabriel-Aguero/e-commerse-react-bootstrap.git
cd ecommerce-react-bootstrap
$ npm install
GET /products - Todos los productos
GET /products/:id - Producto específico
GET /products/categories - Todas las categorías
GET /products/category/:category - Productos por categoría
POST /products - Agregar nuevo producto (simulado)
- POST /auth/login - Iniciar sesión
Para loguearte ingresa a https://fakestoreapi.com/users Podes logearte con cualquier de los usuarios para probar las funcionalidades de la aplicación como administrador.
src/
├── components/ # Componentes reutilizables
│ ├── CategoryCard.jsx
│ ├── Header.jsx
│ ├── Footer.jsx
│ └── ProductCart.jsx
├── context/ # Contextos de React
│ ├── AuthContext.jsx
│ ├── CartContext.jsx
├── pages/
| ├── Administracion.jsx
| ├── CartPage.jsx
│ ├── Home.jsx
│ ├── Productos.jsx
│ ├── NoEncontrado.jsx
│ └── UserProfile/
├── routes/ # Servicios de API
│ └── AppRoutes.jsx
│ └── RutaProtegida.jsx
├── utils/ # Utilidades
│ └── categories.js
│ └── featuredProducts.js
Este proyecto está licenciado bajo licencia MIT.
Creado con mucho ♥ por Gabriel Agüero Linkedin