Noctare

I wanted a scheduler that could handle 'do this before that' logic and realistic time constraints, but couldn't find one that worked the way I needed. Most calendar apps store events well but don't help you plan execution order or model task dependencies. They're great for meetings, terrible for actual work planning.

Built a full-stack app with Supabase auth and database, React frontend, and a scheduling engine based on LIFO structures and constraint-solving algorithms. The system resolves dependencies, recurrence rules, and buffer time into a day schedule you can still drag around and reshape in FullCalendar. Designed the UX to keep powerful features accessible, with mobile-responsive views and light/dark modes.

Organized by impact: scheduling outputs and interactions first, then setup and supporting workflows. Click any screenshot to expand and step through details.

• 

  Step 1

  Calendar view

  Task metadata resolves into a concrete, actionable day schedule.

• 

  Step 2

  Scheduling + recurrence in simple UI

  Duration, recurrence, and constraints stay powerful while remaining easy to scan.

• 

  Step 3

  Drag-reschedule before and after

  Move one major block and related tasks automatically reflow into the newly available space.

• 

  Step 4

  Expand interaction before and after

  Stretching a task block directly on the calendar adjusts schedule density without leaving the planning surface.

• 

  Step 5

  Task editor links workflow

  Links and notes stay in-context, with dedicated controls for fast editing and maintenance.

• 

  Step 6

  Dependency sets board

  Dependency sets model execution order with drag-and-drop clarity.

• 

  Step 7

  Unsaved-changes confirmation

  A clear guardrail dialog protects work before destructive actions.

• 

  Step 8

  Settings and timezone defaults

  Work hours, timezone, and defaults directly shape schedule output.

• 

  Step 9

  Tasks and ideas pipeline

  Upcoming tasks, completed tasks, and raw ideas live in separate views. Nothing clutters the executable schedule.

• 

  Step 10

  Categories management

  Color-coded categories give the task list a visual grammar that gets faster to read the more you use it.

• 

  Step 11

  Mobile tasks day view (light + dark)

  Mobile light and dark themes preserve readable, actionable task scheduling on smaller screens.

• 

  

  Step 12

  Sign-in, OTP verify, and email proof

  The OTP flow puts sign-in, verification, and email proof in one view. No tab-switching to check your inbox.

• React
• TypeScript
• Tailwind CSS
• shadcn/ui
• TanStack Router
• TanStack Query
• Jotai
• FullCalendar
• Supabase
• Vitest
• Cypress