Esta guía te lleva desde cero hasta tener pedidoHAM corriendo en tu máquina local. En menos de cinco minutos verás el menú completo de GMV Burger en el navegador, con el carrito funcionando y listo para conectar al número de WhatsApp real de tu negocio.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/giovanymevi/pedidoHAM/llms.txt
Use this file to discover all available pages before exploring further.
Prerrequisitos
Antes de comenzar asegúrate de tener instalado lo siguiente:- Node.js 18 o superior — nodejs.org
- npm, yarn o pnpm — npm viene incluido con Node.js
- Git — git-scm.com
- Una cuenta de WhatsApp para el restaurante (el número que recibirá los pedidos)
Instalación
Instala las dependencias
Instala React 19, Vite 8, Lucide React y el resto de dependencias del proyecto:
Inicia el servidor de desarrollo
Levanta Vite en modo desarrollo:Vite compilará el proyecto y abrirá un servidor local en
http://localhost:5173. Cualquier cambio que hagas en el código se reflejará en el navegador de forma instantánea gracias al Hot Module Replacement (HMR).Abre la aplicación
Navega a
http://localhost:5173 en tu navegador. Verás:- 🍔 Hero Header — nombre del restaurante, horario de atención (Lun–Dom · 5:00 pm – 11:00 pm) y el botón de créditos.
- 🗂️ Cuadrícula de hamburguesas — nueve tarjetas con foto, ingredientes, precio y botón “Agregar al pedido”.
- 🛒 Cart Sidebar — panel lateral (escritorio) o botón flotante (móvil) con el resumen del carrito, totales y el botón “Pedir por WhatsApp”.
Personaliza el número de WhatsApp
Abre Reemplaza Guarda el archivo — Vite recargará la app automáticamente. A partir de ese momento, el botón “Pedir por WhatsApp” abrirá una conversación directa con ese número incluyendo el resumen completo del pedido.
src/App.jsx y localiza la siguiente línea dentro de la función sendWhatsAppOrder:"573000000000" por el número real del restaurante en formato internacional sin espacios ni guiones (código de país + número). Por ejemplo, para Colombia:Scripts disponibles
Todos los scripts se definen enpackage.json y se ejecutan con npm run <script>:
| Script | Comando | Descripción |
|---|---|---|
dev | vite | Inicia el servidor de desarrollo en http://localhost:5173 con HMR habilitado. |
build | vite build | Genera el bundle de producción optimizado en la carpeta dist/. |
lint | eslint . | Analiza el código con ESLint para detectar errores y malas prácticas. |
preview | vite preview | Sirve localmente el bundle de producción generado por build para su verificación. |