Student Study Planner Webapp

I’m looking for a lightweight HTML-CSS-JavaScript web app that lets students manage their study tasks in a clear, distraction-free way. The core of the build is task management: a student should be able to create a task for the day, edit it if plans change, and then tick it off once it’s done.

Tasks live in a simple daily list rather than complex subject trees or calendars. I still need visual feedback on progress, so every completed task should instantly update a completion counter or progress bar for that day.

Here’s how I picture deliverables:

• A responsive single-page interface built with vanilla HTML, CSS and JavaScript (no frameworks necessary).
• Task creation and editing forms that write to—and read from—local storage so data survives a page refresh.
• A neat, one-click “mark as done” interaction that strikes through the item and updates the day’s completion percentage.
• Clear, commented code plus a brief README explaining file structure and how to deploy the page on any standard web host.

If anything here needs clarification, let me know; otherwise I’m ready to review an initial mock-up and iterate quickly toward a polished final version.