← Volver

Rapido y Sabroso

E-commerce de comida rápida con React, Express y MySQL: carta dinámica, carrito persistente, pedidos con comprobantes B001/F001 y panel admin.

Stack

ReactReact
JavaScriptJavaScript
ViteVite
Tailwind CSSTailwind CSS
ExpressExpress
Node.jsNode.js
PrismaPrisma
MySQLMySQL
ZustandZustand
DockerDocker
JWTJWT

Qué hace

Rápido y Sabroso es una plataforma e-commerce para una hamburguesería y restaurante de comida rápida. El cliente navega la carta, arma su pedido y paga sin salir de la web; no hay apps que instalar ni dependencias externas, todo corre en el navegador servido por una API propia.

La UI está construida con React 19 y Tailwind CSS, con Zustand para el estado global. El carrito y la sesión persisten en localStorage, de modo que la orden sobrevive a las recargas. La API es Express + Prisma sobre MySQL 8, con autenticación JWT separada para clientes y administradores, y cada pedido calcula IGV (18 %) y genera un comprobante de boleta o factura con serie y correlativo automáticos.

Además del flujo de compra, incluye un panel admin con dashboard de métricas en Recharts, CRUD de productos, tipos, categorías y combos, y gestión de pedidos, clientes y puntos de fidelidad. Cada comprobante se puede descargar en PDF y hay secciones de blog, vlog, ayuda y material de marca (boletas, facturas, hojas membretadas, logos y tarjetas).

Funcionalidades

  • Carta dinámica — productos, tipos y categorías con combos navegables por slug
  • Carrito persistente — estado global con Zustand que sobrevive a las recargas del navegador
  • Pedidos con IGV — cálculo de subtotal, impuesto (18 %), descuento y canje de puntos por orden
  • Comprobantes B001/F001 — boleta o factura con serie, correlativo automático y descarga en PDF
  • Programa de puntos — acumulación y canje de puntos de fidelidad por cliente
  • Autenticación JWT — registro y login independientes para clientes y administradores
  • Panel admin — dashboard con gráficas, CRUD de productos, categorías, tipos, combos, pedidos y clientes
  • Blog, vlog y ayuda — contenido editorial, manual de usuario, FAQ y formulario de opinión
  • Material de marca — diseños de boleta, factura, hojas membretadas, logos, tarjetas y videos
  • Docker listo — MySQL + phpMyAdmin con base de datos poblada automáticamente para desarrollo