study Lock

I added a music option to the focus section since a lot of ppl like listening to music while studying (it is optional). Before a session starts you can paste a Spotify or YouTube link, which opens in a new tab and gets saved for next time, and then you press Start now when you’re ready. The lock screen now shows a random motivational quote while you study. I also added a streak counter that tracks how many days in a row you studied, with milestone messages at 3, 7, 14 and 30 days, and a daily goal bar where you set how many minutes you want to study each day and watch it fill as you go. I fixed some bugs too: the timer now keeps counting correctly when you switch tabs, and sessions shorter than a minute no longer count toward your streak. Finally, I tightened the layout so everything fits on one screen and restyled the Start now button.

updated the focus section so it provides the time (4options and you choose the time up to the user) also i added the timer so when you choose a time it start counting +if you want to leave the session you started you have to solve the challenge it is just a+b=? if it is solved u can leave the page otherwise there is noway +i updated the js so it just shows the displayed page and hide the others

So far, there is three main sections: Home, Schedule, and Focus, with working navigation that allows the user to switch between them.
On the Home page, the user enter the name of their exam and select the exam date. They can also add topics they need to cover. These topics are stored in a list and displayed as tags, and the user can remove any topic by clicking the × button. I implemented this using JavaScript arrays and dynamic rendering of HTML elements.
I also began working on the schedule generation feature. The idea is that when the user clicks generate schedule, the app calculates how many days are left until the exam, creates a day-by-day plan, distributes the topics across the available study days, and automatically reserves the last one or two days for review and a final practice test. The full schedule should appear on the Schedule page, while the tasks for the current day are shown on the Home page.
The Focus section (which will later contain a timed study session with a lock mode) is still empty and not yet functional.

styling lock in

i am making an Exam-based Study Schedule Generator