StudySync – Plan. Track. Achieve.

Initial user setup prompt– the app requests the user's name for personalization.
User entering their name during first-time setup to personalize the study dashboard experience.
Personalized dashboard view displaying greeting message before adding any tasks.
Task added successfully with priority tagging and dynamic progress tracking enabled.
Completion pop-up triggered after finishing all tasks, indicating 100% progress.

Inspiration

Many students create study plans but struggle to stay consistent. we wanted to build a simple tool that makes progress visible and encourages daily discipline. Instead of adding complexity, the goal was to focus on clarity and usability. StudySync was inspired by the need for a lightweight planner that helps students build consistent habits without overwhelming features.

What it does

StudySync is a simple daily task and study planner that helps students plan tasks, set priorities, and track completion progress. Tasks are saved in the browser, progress updates automatically, and users get a clear view of how much they’ve completed for the day.

How we built it

The project was built using HTML for structure, CSS for a clean and minimal UI, and JavaScript for task handling, progress calculation, and local storage. Browser LocalStorage is used to save tasks so they persist across sessions in the same browser.

Challenges we ran into

Keeping the project simple while still making it useful was the main challenge. Designing a clean UI and handling progress updates smoothly without overcomplicating the logic required careful planning.

Accomplishments that we're proud of

We’re proud of building a fully functional, beginner-friendly project that feels like a real product. Features like task persistence, priority levels, and a progress bar make it practical and easy to use.

What we learned

This project helped us understand how to structure a small web app, manage user interactions, and use LocalStorage effectively. We also learned the importance of simplicity and clarity in user experience.