Productivity - The Soft Scheduler

A beautiful, calendar-integrated task manager to organize your day without the pressure. Drag things around. Reschedule when life happens. Designed to make to-dos feel light and manageable, not guilt-inducing.

Build a personal to-do app with a drag-and-drop weekly calendar layout.

Users should be able to add tasks, assign them to specific times, and reschedule them easily.

Include recurring tasks, subtasks, and reminders.

Add a view toggle between week and day.

Use a soft color theme with a light UI and rounded elements.

Add Supabase auth and database.

Font: Manrope.

Page structure:

Login / Signup

Weekly Calendar Dashboard

Task Modal with: name, description, time, subtask support

Task Detail View

Add Task Button (sticky bottom-right)

Settings Panel (theme, notifications toggle)

Weekly calendar with drag-and-drop scheduling

Subtasks and reminders

Recurring task logic

Mobile responsive

Supabase auth & secure task storage

Light UI with soft shadows, rounded corners, and pastel color palette

Day view toggle

Settings for theme + notification prefs

This template was all about softness, both visually and emotionally. Inspired by Amie’s joyful minimalism and Todoist’s productivity chops, it strikes a balance between gentle and powerful. The calendar is the core, dragging a task shouldn’t feel like a chore. Animations are subtle, hover states are warm, and interactions are fluid. Every component was tuned for clarity, comfort, and momentum.

Make sure Supabase row-level security is turned on for task privacy

Use a datetime format for scheduling logic

If tasks aren’t rendering in the correct week, double check timezone parsing

Drag logic works best with pointerdown → pointermove → pointerup events

Use auto-animate to smoothen calendar drops

Add guards to prevent overlapping tasks (or let users allow it)