π οΈ How to Use Download the code Save the provided HTML code as studyplanner.html.
Open in a browser Double-click the file or open it with Chrome, Firefox, or Edge.
Add tasks
Enter your study task in the input box.
Click Add.
Mark tasks as completed
Click on a task to mark it done or undone.
Check your progress
The progress percentage updates automatically.
π¨ Technologies Used HTML5 β Structure of the website.
CSS3 β Styling and responsive layout.
JavaScript β Task functionality, progress calculation, and localStorage.
π Future Improvements Add delete button for tasks.
Add categories/subjects for better organization.
Add dark mode toggle.
Add reminder notifications for tasks.
π Notes This website works completely offline.
Your tasks are saved only in the browser you use. Clearing browser data will delete all tasks.