Our love for coffee and the frustration of inconsistent brews inspired us to create a Coffee Brew Timer. Whether it’s a quick espresso or a slow pour-over, timing makes the difference between an average cup and a perfect one. We wanted a tool that combines precision with a simple, intuitive interface.
What We Learned: Through this project, we strengthened our skills in HTML, CSS, JavaScript, and Python, while also learning how to integrate frontend timers with backend logic for better accuracy. We explored DOM manipulation, event handling, and the importance of responsive design for user experience.
How We Built It: We built the frontend with HTML, CSS, and JavaScript, designing an interactive timer that lets users select their brew type and start/pause/reset with ease. The backend, powered by Python (Flask), manages user preferences and stores past brew data for consistency. We also implemented small animations for a polished feel.
Challenges We Faced:
Synchronizing the JavaScript timer with Python backend without lag.
Designing a UI that feels both aesthetic and functional on mobile and desktop.
Managing accurate countdowns even if the page refreshes or connection drops.
Debugging cross-browser timer behavior.
Log in or sign up for Devpost to join the conversation.