🌊 Moode.

Find your flow, master your focus. A minimalist workspace designed to help you stop being overwhelmed and start doing.

📖 About The Project

Moode is not just another to-do list app. It's a "Focus Space".

We live in a world full of distractions. Moode helps you reclaim your attention by combining three powerful productivity pillars: Ambient Soundscapes, Intentional Task Management, and Flow-State Timers.

Built with a philosophy that productivity shouldn't be boring, Moode features a stunning, calming UI that adapts to your vibe.

✨ Key Features

🎧 Ambient Mixer

Create your perfect soundscape. Mix and match sounds like Heavy Rain, Coffee Shop Chatter, and Crackling Fire. Adjust the volume of each to find your sweet spot.

✅ The Rule of 7

Stop creating endless to-do lists that you'll never finish. Moode enforces the Rule of 7: You can only have 7 active tasks at a time. Prioritize wisely, finish them, then add more.

⏳ Flow Timer

A distraction-free, full-screen timer designed to keep you in the zone. Whether you use Pomodoro or deep work sessions, this timer takes over your screen to minimize distractions.

🎨 Dynamic Themes

Your environment affects your mood. Switch between curated themes:

• Deep Focus: Dark blue hues for late-night coding.
• Zen Garden: Calming greens for relaxation.
• Sunset Lofi: Warm purples and oranges for creative vibes. (Includes animated Aurora backgrounds!)

☁️ Cloud Sync

Use it as a Guest (local storage) or Login with Google to sync your tasks and preferences across all your devices.

---

📸 Snapshots

The Dashboard

Manage tasks and mix your sounds in one place.

Focus Room

Immersive timer mode with aesthetic visuals.

History

Focus anywhere, anytime.

---

🛠️ Tech Stack

Built with the latest modern web technologies for speed and smoothness:

• Framework: Next.js 16 (App Router)
• Styling: Tailwind CSS v4
• Animations: Framer Motion
• Database & Auth: Supabase
• Icons: Lucide React

---

🚀 Getting Started

Want to run this locally?

1. Clone the repo

   git clone [https://github.com/Whyawww/Moode.git](https://github.com/Whyawww/Moode.git)

2. Install dependencies

   npm install

3. Setup Environment Variables Create a .env.local file and add your Supabase keys:

   NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
   NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_key

4. Run the development server

   npm run dev

---

👨‍💻 Author

Built with by Wahyu Aji Nusantara.

---

Enjoying Moode? Give this repo a star! ⭐