Un'applicazione web semplice e intuitiva per dividere le mance in modo equo tra i membri dello staff di ristoranti, bar e locali. Costruita con SvelteKit e Tailwind CSS.
- Calcolo automatico: Divisione equa delle mance basata sui punti assegnati a ciascun membro dello staff
- Interfaccia intuitiva: Design moderno e responsive con supporto per dispositivi mobili
- Tema scuro/chiaro: Adattabile alle preferenze dell'utente
- Persistenza dati: Salvataggio automatico dei dati nel browser locale
- Ordinamento flessibile: PossibilitΓ di ordinare lo staff per nome o punti
- Validazione input: Controlli per garantire dati corretti
- Notifiche: Messaggi di feedback per l'utente
π Prova l'app live
- Inserisci il totale delle mance da dividere
- Aggiungi i membri dello staff con nome e punti (da 1 a 10)
- Visualizza le quote calcolate automaticamente per ciascun membro
- Ordina e gestisci la lista come preferisci
- I punti rappresentano il contributo di ciascun membro (es. ore lavorate, responsabilitΓ , performance)
- La divisione avviene in base alla proporzione:
quota = (punti_membro / punti_totali) Γ totale_mance
- Framework: SvelteKit - Framework moderno per applicazioni web
- Styling: Tailwind CSS - Framework CSS utility-first
- Tipografia: Google Fonts - Inter
- Deployment: GitHub Pages con GitHub Actions
- Build tool: Vite
- Node.js (versione 18 o superiore)
- npm o pnpm
- Clona il repository:
git clone https://github.com/ionutale/calcolatore-mance-svelte.git
cd calcolatore-mance-svelte- Installa le dipendenze:
npm install- Avvia il server di sviluppo:
npm run dev- Apri http://localhost:5173 nel browser
# Sviluppo
npm run dev # Avvia server di sviluppo
npm run build # Build per produzione
npm run preview # Preview build locale
# QualitΓ codice
npm run check # TypeScript e Svelte check
npm run lint # Linting
npm run format # Formattazione codice
# Test
npm run test # E2E tests con PlaywrightL'app viene automaticamente deployata su GitHub Pages tramite GitHub Actions:
- Push su main: Il workflow si attiva automaticamente
- Build: Installa dipendenze e build dell'app
- Deploy: Carica i file statici su GitHub Pages
Se aprendo la demo vedi una pagina 404:
- Verifica in GitHub:
SettingsβPagesβBuild and deploymentche laSourcesia impostata suGitHub Actions. - Controlla lo stato dei workflow:
Actionsβ workflow "Deploy to GitHub Pages" deve esseresuccess. - Attendi 1-2 minuti dopo il primo deploy: l'abilitazione di Pages non Γ¨ istantanea.
- Forza il refresh senza cache: macOS
Cmd+Shift+R.
Note tecniche: il progetto usa @sveltejs/adapter-static con paths.relative = true e un file .nojekyll durante il deploy per servire correttamente la cartella _app/ sotto il percorso /calcolatore-mance-svelte/.
Per deployare manualmente:
npm run buildI file buildati saranno nella cartella build/ e possono essere serviti da qualsiasi server statico.
src/
βββ app.html # Template HTML principale
βββ app.d.ts # TypeScript declarations
βββ lib/
β βββ TipCalculator.svelte # Componente principale
βββ routes/
βββ +page.server.js # Configurazione prerender
βββ +page.svelte # Pagina principale
βββ +layout.svelte # Layout dell'app
L'app supporta temi chiaro e scuro che vengono salvati automaticamente nelle preferenze del browser.
Gli stili sono gestiti con Tailwind CSS. Le classi sono configurate per:
- Responsive design (mobile-first)
- Dark mode support
- Transizioni fluide
- AccessibilitΓ
Contributi sono benvenuti! Per contribuire:
- Fork il progetto
- Crea un branch per la tua feature (
git checkout -b feature/nuova-feature) - Commit delle modifiche (
git commit -m 'Aggiungi nuova feature') - Push del branch (
git push origin feature/nuova-feature) - Apri una Pull Request
Questo progetto Γ¨ distribuito sotto licenza MIT. Vedi il file LICENSE per maggiori dettagli.
Per domande o suggerimenti:
- Apri una issue su GitHub
- Contribuisci con una pull request
Sviluppato con β€οΈ per la comunitΓ dei ristoratori italiani