study Lock

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