Welcome page with quick guide to features and buttons to sign in or sign up for a productive journey.
Sign-up page to enter your name, email, and password with confirmation to start your experience.
Add a new goal with title, description, and start/end dates to stay on track.
Daily task tracker linked to your goal; completing tasks updates the goal’s progress bar.
Focus timer using the Pomodoro method with start, pause, and reset options to boost productivity.
Analytics page showing total study time, focus rate %, and your most productive day.

Inspiration

During our team meeting, we realized that one of the main issues affecting students' study efficiency is poor time management. Many students have the motivation to study but struggle with staying consistent and organized. We wanted to create a tool that helps learners manage their goals, track daily progress, and stay focused with proper analytics—all in one place. That’s how StudyAssist was born.

What it does

StudyAssist is a time management app designed for students. It allows users to:

Set goals with a title, description, and time frame
Break those goals into daily tasks that update a progress bar
Use a Pomodoro-based focus timer with start, pause, and reset
Access study analytics including total time, focus rate %, and most productive day
Sign up and log in securely to manage personal study plans

How we built it

We developed StudyAssist using:

HTML5, CSS3, and JavaScript for frontend structure and interactivity
Tailwind CSS for styling and responsive design
Firebase for authentication and real-time database functionality

Challenges we ran into

Connecting the Firebase backend to our frontend smoothly
Dealing with UX/UI complexities, such as maintaining image quality and responsive layout
Structuring the logic to link goals with tasks and update the progress bar accordingly
Implementing JavaScript logic to track weekly progress and display analytics accurately

Accomplishments that we're proud of

Learning how to integrate Firebase with a functional app
Designing and applying a clean and responsive UI using Tailwind
Creating a working goal-to-task tracking system with progress visualization
Building a functional Pomodoro timer and a basic analytics dashboard

What we learned

How to connect front-end code with Firebase for dynamic data storage
How to design and optimize a user interface that works across different screen sizes
How to use JavaScript effectively for time tracking, data logic, and real-time updates
The importance of planning UI/UX early to avoid rework during development