🔥
Calcolatore Gas

Lago di Garda Luxury Edition

L'eccellenza italiana incontra la tecnologia più raffinata

Features • Quick Start • Tech Stack • Easter Eggs

---

🎭 La Storia

Un giorno ero annoiato. Mio nonno aveva bisogno di dividere le bollette del gas tra i coinquilini.

Risultato? Un'applicazione web con più effetti cinematografici di un film Marvel.

"Non avevo bisogno di una sirena nucleare quando la bolletta supera €2000, ma eccola qui."

---

✨ Features

🌊 WebGL Shader Premium

🎨 Design & UX

Feature	Descrizione
💎 Glassmorphism	Cards in vetro smerigliato premium
🔤 Space Grotesk	Font geometrico moderno
📐 Gradient Title	Titolo con gradiente animato
📱 Mobile-First	60fps garantiti su ogni device

🔊 Audio & Haptic

Feature	Descrizione
🎵 Sound Design	Audio sintetizzato in real-time
📳 Haptic Feedback	Vibrazioni custom per ogni azione
🎬 Cinematic	Risultati dopo 800ms con chime

⚡ Performance

Feature	Descrizione
🚀 GPU-Only Animations	Zero calcoli JS durante scroll
🧈 Burro Scroll	Ottimizzato per fluidità estrema
📦 Single-File	~570KB, funziona offline

---

🎵 Soundtrack

🌅 Startup    → Warm bass + shimmer al primo click
🔔 Calculate  → Satisfying "ding-dong"
✨ Click      → Crystal feedback + haptic
📋 Copy       → Success chime + vibration
🚨 Panic Mode → Fallout siren (€2000+)
🎵 PowerUp    → Arpeggio per tornare alla realtà

---

🚀 Quick Start

Option 1: GitHub Pages

👉 https://sebascode.github.io/calcologas/

Option 2: Direct Download

1. Scarica dist/index.html
2. Apri il file (funziona offline!)

Option 3: Development

git clone https://github.com/sebascode/calcologas.git
cd calcologas
npm install
npm run dev

Build

npm run build
# Output: dist/index.html (~570KB single file)

---

🛠️ Tech Stack

React 18 + TypeScript + Vite
├── 🎨 Tailwind CSS          → Design system
├── 🎬 Framer Motion         → Animazioni entry/exit
├── 🧩 shadcn/ui             → Componenti premium
├── 🔊 Web Audio API         → Suoni sintetizzati
├── 📳 Vibration API         → Haptic feedback
├── 🌊 WebGL + GLSL          → Shader acqua GPU
├── 📋 Web Share API         → Share nativo mobile
└── 📦 vite-plugin-singlefile → Build singolo file

---

🎯 Easter Eggs

☢️ Financial Panic Mode

1. Inserisci >€2000 nel campo bolletta
2. Guarda cosa succede... 💀

🎉 Confetti Celebration

• Calcola la tua prima bolletta
• Congratulazioni con confetti!

---

📊 Performance Audit

Metrica	Prima	Dopo
Blur CSS	40-30-20px	16-12-8px
JS Animations	~16 infinite	~4 entry/exit
Box Shadows	9+ layers	3 layers
Scroll FPS	Variabile	Costante 60fps

---

❤️ Credits

Chi	Cosa
💡 Lovable.dev	Original concept
🤖 Antigravity AI	Epic optimizations
☕ Noia del sabato	Motivation
👴 Nonno Bruno	End user (che userà comunque la versione base)

---

🇮🇹 Crafted with Italian Excellence™
L'eccellenza italiana incontra la tecnologia più raffinata

---

_{Made with 🔥 on a boring Saturday afternoon}