Database is ready. Now let me build the app. I'll set up authentication first, then create the main features.
Now let me read the current layout and globals.css to update them with the design, then build the main app pages:
Now let me update the layout with a fresh, energetic design for students, and build all the main app components:
Now let me create the main app pages and components. I'll build the home page (landing page), dashboard, and all the features:
Your Unplug MVP is complete. Here's what I built for you:
| Feature | What it does |
|---|---|
| 1. Daily Screen Time Logging | Users enter their screen time from their phone's settings. The app checks if they beat their goal. |
| 2. Streaks & Goals | When you stay under your goal, you earn a streak day. The dashboard shows your current streak with a weekly calendar view. |
| 3. Friends System | Search for friends by username, send friend requests, and see a leaderboard of who has the longest streak. |
| 4. Customizable Goals | Choose from presets (Beginner to Expert) or set a custom daily limit. Set your username so friends can find you. |
The app uses a fresh teal/mint green color scheme that feels motivating without being overwhelming, perfect for students.
You can send messages while the preview loads