💧 Emoji Liquid Tycoon

Emoji Liquid Tycoon is a premium, high-fidelity incremental idle game built with Svelte 5 and Tailwind CSS 4. Manage your liquid production, upgrade your infrastructure, and climb the ranks from simple water to legendary liquid gold.

✨ Key Features

• 🚀 Six Unique Liquids: Progress through levels of liquidation—from Water (💧) and Juice (🧃) to the rare Potion (🧪) and Liquid Gold (🌟).
• 🛠️ Robust Upgrade System:
  • Droplet Volume: Increase your output per tap and pump.
  • Tank Capacity: Hold more liquid for larger bulk sales.
  • Pump Speed: Automate your production with faster passive collection.
  • Price Multiplier: Negotiate better rates for your precious fluids.
• 🤖 Automation: High-level managers can unlock Auto-Sell to keep profits flowing 24/7.
• ✨ Distillation (Prestige): Reset your empire to gain Essence, providing permanent global multipliers to your future runs.
• 📱 PWA Ready: Install it on your mobile device for a native-like experience with offline support.
• 💾 Auto-Save: Your progress is safely stored in local storage, including offline earnings catch-up.

🛠️ Technology Stack

• Framework: Svelte 5 (utilizing the latest $state and $derived runes)
• Meta-framework: SvelteKit
• Styling: Tailwind CSS 4 for a modern, high-performance UI.
• State Management: Reactive class-based state for clean game logic.
• Persistence: Efficient local storage synchronization.
• Icons/Typography: System-native emojis and modern sans-serif typefaces.

🚀 Getting Started

Prerequisites

• Node.js (Latest LTS recommended)
• npm, pnpm, or yarn

Installation

1. Clone the repository:

   git clone https://github.com/your-username/emoji-liquid-tycoon.git
   cd emoji-liquid-tycoon
   

2. Install dependencies:

   npm install
   

3. Start the development server:

   npm run dev
   

4. Build for production:

   npm run build
   

📂 Project Structure

src/
├── lib/
│   ├── components/     # Svelte UI components (Tank, UpgradeCard, etc.)
│   ├── config/         # Game constants and scaling factors
│   ├── state/          # Core game logic and Svelte 5 runes
│   ├── utils/          # Formatting and persistence helpers
├── routes/             # SvelteKit pages
└── static/             # PWA assets and icons