24Flow

• 

  This is the landing page for the 24Flow web app

• 

  This is the list of AI tools that web app offers

• 

  This is the OCR page of the we app that enables users to upload their handwritten todo list and the AI will extract the tasks in the image

• 

  This is the conflicts AI tool that helps you to intelligently reschedule conflicting clusters of tasks

• 

  This is the calendar page that shows all the users scheduled events and tasks

• 

  This is the calendar page that shows all the users scheduled events and tasks

• 

  This is the school timetable page in which users can sync their school timetable to the calendar and avoid conflicts with existing events

• 

  This is the natural language page where users can easily type how their day should be and the AI will automatically generate the events

• 

  This is the view page of the list of study timetables the Gemini AI generated

• 

  This is the create study timetable page

• 

  This is the view mode of the study timetable page

• 

  This is the autofill scheduler where users simply fill out some options and the AI does the rest

• 

  This is the mood selection modal and behavioral toast that reflects the users mood and studies their behavioral event setting patterns

Inspiration

In December, while planning my academic comeback, I found myself manually writing out tasks and assigning time blocks late at night. I realized most scheduling tools weren’t built for how I actually work, especially since I’m more productive at night.

I wanted a planner that allowed me to schedule my entire day from 12 AM to 11:59 PM, without forcing traditional “morning-first” routines. The closest thing that worked was Google Calendar, but it still felt rigid and manual.

That’s when the idea hit me: why not build the planner I actually need? That decision became 24Flow.

What it does

24Flow is an AI-powered 24-hour timetable that converts natural language tasks into a fully structured daily schedule.

Users can:

Plan their entire day from 12 AM to 11:59 PM

Add repeating tasks and personal study timetables

Let AI resolve time conflicts automatically

Adapt schedules based on productivity patterns, mood, and energy levels

Use natural language to intelligently schedule tasks

Upload screenshots or notes and have tasks intelligently placed into free time slots

Sync Their School timteables with the main calendar without a hitch

Create Optimized study timetables for those who have issues with focus and discipline

It’s designed for flexible routines, night workers, and people who don’t fit into traditional planning systems.

How I built it

24Flow was built as a full-stack web application with a strong focus on intelligent scheduling.

Frontend: SvelteKit for a fast, interactive UI

Backend: Express.js with Prisma

Database: PostgreSQL

AI: Gemini API for natural language understanding and scheduling intelligence

The AI processes user input, understands task intent, resolves overlaps, and generates optimized daily schedules while adapting to user preferences over time.

Challenges I ran into

One major challenge was designing scheduling logic that works across a full 24-hour cycle without breaking when tasks overlap or repeat.

Another challenge was deciding how AI should “learn” from user behavior without over-complicating the system, balancing personalization with performance and clarity.

Ensuring the experience stayed simple while handling complex logic behind the scenes was a constant design challenge.

Accomplishments that I am proud of

This project deepened my understanding of:

AI-assisted planning systems

Designing for real human behavior instead of ideal workflows

Using Gemini for structured reasoning, not just text generation

Building scalable backend architectures for intelligent applications

Most importantly, I learned how powerful AI can be when it’s applied to real, personal problems.

What I learned

This project deepened my understanding of:

AI-assisted planning systems

Designing for real human behavior instead of ideal workflows

Using Gemini for structured reasoning, not just text generation

Building scalable backend architectures for intelligent applications

Most importantly, I learned how powerful AI can be when it’s applied to real, personal problems.

What's next for 24Flow

Future plans include:

Mobile app support

24Flow is just the beginning of building productivity tools that adapt to people not the other way around.

Built With

• express.js
• gemini
• javascript
• node.js
• postgresql
• prisma
• sveltekit
• zod