FastBite Delivery es una aplicación web moderna para entrega de comida, construida con React y Vite. Cuenta con un diseño responsivo, simulación de seguimiento de pedidos en tiempo real y un panel de administración para gestionar productos y pedidos.
- Interfaz de Usuario:
- Menú: Navega por productos por categoría (Hamburguesas, Pizzas, Bebidas, etc.).
- Carrito: Agrega artículos, ajusta cantidades y realiza el pago.
- Seguimiento de Pedidos: Ver el estado de tu pedido en tiempo real.
- Panel de Administración:
- Gestión de Productos: Agregar, editar y eliminar productos.
- Gestión de Pedidos: Ver y actualizar estados de los pedidos.
- Analíticas: Gráficos visuales para estadísticas de ventas y pedidos.
- Stack Tecnológico:
- Framework: React 19 + Vite
- Estilos: Tailwind CSS (vía CDN)
- Lenguaje: TypeScript
- Enrutamiento: React Router DOM
- Iconos: Lucide React
- Gráficos: Recharts
- Node.js (v18 o superior recomendado)
- npm
-
Clonar el repositorio:
git clone https://github.com/jhonlemus05/FastBite-Delivery.git cd FastBite-Delivery -
Instalar dependencias:
npm install
-
Configurar Variables de Entorno: Crea un archivo
.env.localen el directorio raíz y agrega:VITE_API_URL=http://localhost:3000/api # O tu URL del backend desplegado
-
Ejecutar el servidor de desarrollo:
npm run dev
-
Abre http://localhost:5173 en tu navegador.
src/pages: Vistas principales de la aplicación (Home, Menu, Cart, AdminDashboard, Login).src/components: Componentes de UI reutilizables.src/context: Gestión de estado global (StoreContext).src/services: Integración de API y servicios de IA.src/types: Interfaces y tipos de TypeScript.
Este proyecto está configurado para despliegue en Vercel.
- Sube tu código a GitHub.
- Importa el proyecto en Vercel.
- Configura las variables de entorno
VITE_API_URLy en Vercel. - ¡Despliega!
El archivo vercel.json maneja las reescrituras de rutas para la Single Page Application (SPA).