Study Manager Pro  banner

Study Manager Pro

1 devlog
4h 27m 27s

Smart Study Manager Pro | Advanced Dark-Themed Study Session Tracker.

This project uses AI

While building the Study Manager, I used AI as a coding assistant to speed up development and improve structure. It helped with refining logic, organizing features, and polishing the UI. The core idea, feature decisions, and overall direction were planned and decided by me. AI was used as a productivity tool, not as a replacement for my own thinking.

Demo Repository

Loading README...

thegenius0369

Shipped this project!

Hours: 4.46
Cookies: šŸŖ 31
Multiplier: 6.86 cookies/hr

I made a study management web app that helps students study in a structured way. It has a timer, progress bar, subject queue system, sound alerts, and it saves data using LocalStorage. It also loads default subjects from a JSON file.
The biggest challenge was managing the timer without it overlapping. I also faced issues with loading the JSON file and making the subjects run one by one in the correct order. Understanding how to manage state properly was a bit difficult at first.
I’m proud that I built the whole project in just 4 hours and made it fully functional. I’m especially proud of the multi-subject queue system and the fact that the progress saves even after refreshing the page.

thegenius0369

Total Time: about 4 hours
I built a study session manager using HTML, CSS, and JavaScript. First, I designed a dark neon UI and created the basic layout. Then I added a timer system with a progress bar and alarm sound when a subject finishes. After that, I made a queue system so multiple subjects run one after another. Finally, I added LocalStorage to save progress and counters even after refreshing the page

Attachment
Attachment
1

Comments

thegenius0369
thegenius0369 about 1 month ago

This is my first project made by me 😁 . Please ignore mistakes and give me advices for enhance my skills