Remix

Make your own version of NOCTRA Focus Studio

Get an exact, working copy in your account, then change anything with chat.

Original by alemayuresh

What would you change?

Start free with 40 credits. No card needed.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.

Rebuild my existing productivity website as **NOCTRA — Focus. Discipline. Progress.** Preserve its existing working features, data, and premium dark minimalist theme. Create a distinctive aesthetic geometric N/crescent logo, matching favicon, and responsive desktop/mobile interface.

**1. Overview, Tasks, Habits:** Preserve their existing functionality and design. Keep task management, recurring tasks, priorities, habit tracking, streaks, completion percentages, and historical records.

**2. Authentication:** Implement real Google OAuth and email/password signup, login, email verification, password reset, persistent sessions, and logout using Supabase Auth or Firebase. Keep each user's data private using proper backend security rules. Explain any required credentials or configuration; never use fake login buttons.

**3. Focus Studio:** Create a functional focus timer with start, pause, resume, reset, and custom durations. Offer 25, 45, 50, 60, and 90-minute presets. Let users select subjects and tasks. Automatically start a **10-minute break immediately after every naturally completed study session**, regardless of its duration. Allow pausing, resuming, or skipping breaks; do not automatically begin another study session. Use accurate timestamp-based timing and prevent duplicate sessions or logs. Exclude paused time and breaks from study totals. Restore timer state after refresh where possible.

**4. Study analytics:** Automatically log completed focus sessions with duration, subject, date, and task. Add manual study-time entry with hours, minutes, subject, date, and notes. Combine both sources in analytics without double-counting. Clearly distinguish timer-recorded and manually entered time.

**5. Ambient audio:** Add a persistent Focus Studio audio player with brown noise, white noise, pink noise, rain, forest, ocean, wind, and fireplace sounds. Include play/pause, mute, volume, and track selection. Allow users to configure whether sounds continue during breaks or stop after study. Use working, legally usable audio assets, handle browser autoplay restrictions, and never use fake audio controls.

**6. Study Planner:** Create two separate sections:
- **Weekly Timetable:** Monday–Sunday grid, customizable subjects, time slots, topics, recurring blocks, and editable schedules.
- **Daily Timetable:** Preserve the existing detailed daily schedule with time slots, activities, planned durations, completion status, and notes. Allow starting a focus session from either timetable. Planned sessions must not automatically count as completed study.

**7. Calendar & Journal:** Preserve the existing calendar. Add daily reflections with prompts: what went well, what could improve, what I learned, and tomorrow's priority. Add mood selection (Great, Good, Neutral, Low, Stressed) and private journal entries. Allow editing past entries and viewing mood, study, and consistency history.

**8. Analytics:** Preserve existing analytics. Add accurate daily, weekly, monthly, yearly, and all-time reports for tasks, habits, streaks, study hours, subjects, focus sessions, screen time, and mood. Include charts, calendar heatmaps, previous-period comparisons, and best-performing days. Distinguish missing data from zero performance and planned study from actual study.

**9. Other features:** Preserve screen-time tracking and goals. Allow manual screen-time logging and targets without claiming automatic device tracking. Support daily, weekly, monthly, yearly, and long-term goals. Remove fixed challenge end dates; tracking must continue indefinitely.

**10. Data and settings:** Persist all records in the existing backend or a properly configured database. Preserve historical data. Support export/import, account settings, timer presets, audio preferences, timezone, and weekly timetable settings. Use real authentication, secure per-user data access, and reliable database rules. Never expose secrets in frontend code.

**11. Navigation:** Overview, Tasks, Habits, Focus Studio, Study Planner, Calendar & Journal, Analytics, Goals, Settings. Keep the interface minimal, elegant, consistent, and mobile-friendly.

**IMPORTANT:** Inspect the existing project before modifying it. Reuse its backend and working components wherever possible. Do not rebuild unnecessarily or delete existing records. Implement actual functionality, not just visual mockups. Test authentication, automatic break transitions, paused-time calculations, manual study logging, audio controls, separate timetables, data persistence, calendar reflections, analytics, and mobile responsiveness. Clearly identify any feature that still needs configuration. The final app must be fully functional, permanent, secure, and visually consistent with the existing design.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.