E-Commerce App 🚀

Este es un proyecto de aplicación de comercio electrónico construido con React. ¡Próximamente estará disponible para el público! 🎉

React + Vite + Supabase + TypeScript + Tailwind

---

🛠 Estado del Proyecto

Estado: En desarrollo (próximo a despliegue).

---

📋 Tabla de Contenidos

1. Instalación
2. Uso
3. Scripts Disponibles
4. Estructura del Proyecto
5. Deployment
6. Tecnologías Usadas
7. Contribución
8. Licencia

---

🧑‍💻 Instalación

1. Clona este repositorio:

   git clone https://github.com/tu-usuario/tu-repo.git

▶️ Uso

1. Inicia el servidor de desarrollo:

   npm start

2. Abre http://localhost:3000 en tu navegador para ver la aplicación.

📜 Scripts Disponibles

npm start: Ejecuta la aplicación en modo de desarrollo.
npm test: Ejecuta los tests.
npm run build: Crea una versión optimizada para producción.
npm run eject: Extrae configuraciones personalizables (solo si es necesario).

📂 Estructura del Proyecto

src/ ├── components/ # Componentes reutilizables (e.g., botones, modales) | ├── Header/ # Funcionalidades específicas del Header │ | ├── Container1/ # | | | └── Container1.js # | ├── Banner/ # Funcionalidades específicas del Banner │ | ├── index.js # | ├── stock/ # Funcionalidades específicas del stock │ | ├── cart/ # Manejo del carrito de compras | | | └── CartSummary.js # Displays the total amount and items in the cart. | | | └── CartItem.js # Manages individual items in the cart (quantity, price, remove button). | | | └── CartActions.js # Provides actions like "Clear Cart" or "Proceed to Checkout". | | | └── CartUtils.js # Utility functions for calculating totals or formatting cart data. ├ | ├── Details/ # Funcionalidades específicas de los detalles del producto seleccionado. | | | └── Name.js # ├ | ├── Products/ # Funcionalidades específicas de los detalles del producto seleccionado. | | | ├── Item/ # Manejo de cada producto | | | | └── Item.js # | | | ├── Pagination/ # Manejo de paginas con multiples productos | | | | └── Pagination.js # │ | | └── Products.js # │ | ├── index.js # | ├── Footer/ # Funcionalidades específicas del Footer | | └── index.js # | |── index.js # ├── pages/ # Páginas principales (e.g., HomePage, ProductPage) │ ├── products/ # Listado y detalles de productos │ └── navigation/ # Navegación entre pantallas ├── App.js # Componente raíz ├── index.js # Punto de entrada de React └── styles/ # Archivos CSS globales o SCSS

🚀 Deployment

1. Genera una versión de producción:

   npm run build

2. Despliega a Firebase:

   Firabase deploy

💻 Tecnologías Usadas

• React: Biblioteca para construir la UI.
• Firebase: Backend (hosting, autenticación y base de datos).
• JavaScript (ES6+): Lenguaje principal.
• CSS/SCSS ( Module ): Estilización.

🤝 Contribución

📝 Licencia