🏆 First Place Cubstart Fullstack Track Winners!!
Project Name:
Study Café
Members
Mireya Zamora-Garcia, Amber Ramirez, Farah Shousha
Application Description:
Study Café is a cozy, cafe-themed web app that blends productivity and relaxation. It is inspired by the aesthetics of lofi playlists and the focus of study tools like Quizlet and Notion. This app creates a virtual space where users can study with flashcards, play ambient music, use a Pomodoro timer, and track their progress. The app is ideal for students who enjoy visual organization and want an all-in-one space for active recall, reflection, and focusing while they work.
Features & Tools:
Customizable cafe themes (day, rainy, plant nook): HTML, CSS, JS
Embedded lofi music player: RadioAPI
Flashcard system with shuffle & tracking: JS, HTML, Flask
Pomodoro timer: JavaScript (setInterval)
Journaling panel with autosave: Flask & JavaScript
Styling: HTML/CSS
User-Login: Flask & SQLite3
Timeline:
April 21: Submit GitHub repo & Figma design mockup
April 25: Set up React project, build layout, implement cafe themes and styling
April 27: Flashcard creation & flipping logic, embed music player
April 29: Add Pomodoro timer and journaling panel
May 1: Add progress tracking and finalize styling
May 2: Demo Day– final presentation and walkthrough