Una PWA (Progressive Web App) para organizar pedidos de empanadas cuando te juntás con amigos. Nunca más te olvides de cuántas empanadas pidió cada uno.
- 👥 Agregar personas: Añade a todos tus amigos que van a la juntada
- 🥟 Tipos de empanadas: Incluye los sabores clásicos + tipos personalizados
- 📱 PWA: Se instala como app nativa en tu teléfono
- 💾 Persistencia: Los datos se guardan automáticamente en tu dispositivo
- 🧮 Resumen automático: Calcula el total por tipo de empanada
- 🎨 Diseño responsive: Funciona perfecto en móvil y desktop
- 🔄 Funciona offline: Una vez cargada, funciona sin internet
- Abre el link en tu navegador móvil
- En Chrome: Toca el menú (⋮) → "Agregar a pantalla de inicio"
- En Safari: Toca compartir (📤) → "Agregar a pantalla de inicio"
- ¡Listo! Ya tenés la app instalada
- Next.js 14 - Framework de React con App Router
- TypeScript - Tipado estático
- Tailwind CSS - Estilos (con CSS inline como fallback)
- shadcn/ui - Componentes de UI
- Lucide React - Iconos
- LocalStorage - Persistencia de datos
- Service Worker - Funcionalidad offline
- Node.js 18+
- npm o yarn
# Clonar el repositorio
git clone https://github.com/sebiglesias/empanadin.git
cd empanadin
# Instalar dependencias
npm install
# Ejecutar en modo desarrollo
npm run devLa app estará disponible en http://localhost:3000
npm run dev # Desarrollo local
npm run build # Build para producción
npm run start # Ejecutar build de producción
npm run lint # Verificar código con ESLintLa app se deploya automáticamente en GitHub Pages usando GitHub Actions.
# Build estático
npm run build
# Los archivos estarán en ./out/- Fork este repositorio
- Ve a Settings → Pages
- Selecciona "GitHub Actions" como source
- El workflow se ejecutará automáticamente en cada push a `main`
- Escribe el nombre de cada amigo
- Presiona "+" o Enter para agregar
- Para cada persona, selecciona el tipo de empanada
- Usa los botones +/- para ajustar cantidades
- Agrega tipos personalizados si el lugar tiene sabores especiales
- El resumen se actualiza automáticamente
- Muestra el total por tipo de empanada
- Perfecto para llamar y hacer el pedido
- Agrega sabores únicos como "Roquefort y Nuez", "Cordero", etc.
- Se guardan para usar en futuras juntadas
- Elimina los que ya no uses
Para personalizar la app:
- Colores: Modifica las variables CSS en `app/globals.css`
- Tipos de empanadas: Edita el array `tiposEmpanadas` en `app/page.tsx`
- Manifest: Actualiza `public/manifest.json` para cambiar nombre, iconos, etc.
¡Las contribuciones son bienvenidas!
- Fork el proyecto
- Crea una rama para tu feature (`git checkout -b feature/AmazingFeature`)
- Commit tus cambios (`git commit -m 'Add some AmazingFeature'`)
- Push a la rama (`git push origin feature/AmazingFeature`)
- Abre un Pull Request
- 💰 Agregar cálculo de precios
- 📤 Botón para compartir pedido por WhatsApp
- 🌙 Modo oscuro
- 🌍 Soporte para otros idiomas
Si encontrás algún problema:
- Revisa si ya existe un issue similar
- Si no existe, crea un nuevo issue
- Incluye detalles sobre el problema y cómo reproducirlo
Este proyecto está bajo la Licencia MIT. Ver el archivo LICENSE para más detalles.
Sebastián Iglesias
- Website: sebiglesias.com.ar
- GitHub: @sebiglesias
- LinkedIn: Sebastián Iglesias
Hecho con ❤️ en Argentina 🇦🇷