Un sistema completo per la gestione di menu, ordini e fatturazione per ristoranti con separazione cucina/bar.
- Editor visuale per categorie e sottocategorie
- Gestione prodotti con nome, descrizione, prezzo e tipo (cucina/bar)
- Sistema allergeni con etichettatura automatica
- Importazione/Esportazione del menu in formato JSON
- Interfaccia touch-friendly per presa ordini
- Separazione automatica ordini cucina e bar
- Calcolo totali in tempo reale
- Gestione tavoli e clienti
- Stampa ricevute separate per cucina e bar
- Browser web moderno (Chrome, Firefox, Safari, Edge)
- Server web locale (opzionale per sviluppo)
- Scarica tutti i file del progetto
- Posiziona i file in una cartella web-accessibile
- Apri
index.html
nel browser per iniziare
/
├── index.html # Pagina principale (redirect)
├── cucina_bar.html # Interfaccia presa ordini
├── gestione_menu.html # Gestione menu e prenotazioni
├── data/
│ └── menu_data.json # Database menu (JSON)
├── LICENSE # Licenza MIT
├── README.md # Documentazione completa
├── css/
│ ├── w3.css # Framework CSS W3.CSS
│ ├── styles.css # Stili principali
│ ├── menu.css # Stili interfaccia menu
│ └── admin.css # Stili interfaccia gestione menu
├── screenshots/ # Cartella per screenshot
└── js/
├── menu.js # JS presa ordini
└── admin.js # JS pannello admin
- Apri
gestione_menu.html
- Configura le informazioni del ristorante
- Crea categorie e sottocategorie del menu
- Aggiungi prodotti con prezzi e allergeni
- Salva il menu
- Apri
cucina_bar.html
- Inserisci numero tavolo e nome cliente
- Seleziona prodotti e quantità
- Visualizza il riepilogo ordine
- Stampa le ricevute separate per cucina e bar
- Notifiche toast per feedback utente
- Colori differenziati per tipo messaggio (successo, errore, warning, info)
- Auto-dismiss configurabile
- Conferma ordini con riepilogo dettagliato
- Gestione prodotti con form completo
- Dettagli ordini con separazione cucina/bar
- Ricerca prodotti per nome e descrizione
- Filtri per tipo (tutti, cucina, bar)
- Filtro allergeni per prodotti senza allergeni
- Ottimizzato per tablet e dispositivi touch
- Layout adattivo per diverse risoluzioni
- Interfaccia intuitiva per uso in cucina
Modifica i colori in css/styles.css
:
:root {
--primary-color: #009688; /* Teal */
--secondary-color: #4caf50; /* Green */
--accent-color: #ff9800; /* Orange */
}
Aggiungi nuovi allergeni in gestione_menu.html
e js/admin.js
:
<div class="allergene-checkbox">
<input type="checkbox" id="nuovo_allergene" value="nuovo allergene">
<label for="nuovo_allergene">Nuovo Allergene</label>
</div>
Modifica la formattazione prezzi in js/menu.js
:
const formatPrice = (price) => `€${price.toFixed(2)}`;
Il sistema utilizza il localStorage del browser per:
- Ordini salvati (
ordini
) - Configurazioni temporanee
- menu_data.json: Database principale del menu
- Backup automatico: Raccomandato backup periodico
// Esporta ordini
const ordini = JSON.parse(localStorage.getItem('ordini') || '[]');
- Nessun server esterno richiesto
- Dati memorizzati localmente nel browser
- Privacy completa delle informazioni clienti
- Backup menu_data.json regolarmente
- Backup localStorage per dati ordini
- Verifica presenza
menu_data.json
- Controlla console browser (F12) per errori
- Ricrea il menu da pannello admin
- Verifica impostazioni browser per stampa
- Controlla popup blocker
- Usa Ctrl+P come fallback
- Controlla localStorage browser
- Ripristina da backup menu_data.json
- Ricrea configurazione da admin
- Cancella cache browser
- Riduci numero prodotti visualizzati
- Ottimizza immagini se presenti
- Nome: Nicola Miotto
- GitHub: @MiottoNicola
- Versione: 1.0.0 (06/2025)
- HTML5 - Struttura pagine
- CSS3 - Styling e responsive design
- JavaScript ES6+ - Logica applicazione
- W3.CSS - Framework CSS
- LocalStorage API - Persistenza dati
Questo progetto è rilasciato sotto la Licenza MIT.
Vedi il file LICENSE per i dettagli completi.
- ✅ Uso commerciale permesso
- ✅ Modifica permessa
- ✅ Distribuzione permessa
- ✅ Uso privato permesso
- ❗ Responsabilità limitata dell'autore
- ❗ Nessuna garanzia fornita
Per segnalazioni bug o richieste di funzionalità:
- Crea issue su GitHub
- Descrivi il problema dettagliatamente
- Includi screenshot se necessario
Sistema Gestionale Ristorante - La soluzione completa per la gestione del tuo locale! 🍽️✨