Pomodoro Timer Landing Page + UI
Pomodoro Timer API Interaction

👻 Spooky Pomodoro

Inspiration

Many students struggle with maintaining focus while studying, often getting distracted or unsure how long they should work before taking a break. Traditional Pomodoro techniques provide structure, but they are one-size-fits-all. We wanted to create a tool that not only enforces focus but also adapts to individual study needs, like upcoming exams and preferred study durations, helping students maximize productivity in a fun and intuitive way.

What it does

Pomodoro is a study method that:

Eliminates distractions
Establishes productive patterns
Is anecdotally efficient

Unlike traditional timers, Spooky Pomodoro allows users to input their desired study duration and the distance to their next exam. Using the Gemini API, it then customizes focus and break periods to optimize productivity. The app features Focus and Break modes, with music, alerts, and icons enhancing the experience.

How we built it

Frontend: HTML, CSS, JavaScript
Backend: Flask, Python
API: Chat Gemini for generating personalized session durations
Prototype: Figma
Media: Music, Alerts, Icons

Users input their study time and exam distance, and the Gemini API determines the optimal session lengths. Our team worked on both front-end and back-end development, focusing on a satisfying UI/UX, seamless API integration, and responsive design.

Challenges we ran into

We experienced various blockages in production, as well as communication.
Tried various models to fit, eventually Gemini turned out to be a viable option.
Sacrificing various initially intended results like Vercel was dissappointing, but optimistic to introduce in the future.
Divvying up tasks became vital in order to produce an efficient workflow.
Integrating Gemini API to respond reliably.

Accomplishments that we're proud of

No errors! Our project works as intended!
Successfully integrated a dynamic API to customize Pomodoro intervals.
Built an intuitive and visually appealing interface that encourages focus.
Created a system that adapts to individual study needs instead of enforcing a strict schedule.
Built a project that is malleable, easily future-proofed, and provides options for future customization.

What we learned

Front-end and back-end integration requires careful planning to ensure smooth communication between components.
Effective prompt engineering is crucial for getting the Gemini API to generate useful, actionable outputs.
Iterative prototyping in Figma helped us refine UI/UX before coding.