Build Simple Web To-Do App -- 2

I want to kick off a series of small programming projects by first completing a web-based To-Do List application. The stack is deliberately lightweight—plain HTML, CSS, and vanilla JavaScript—so that the code stays readable and easy for me to maintain or extend later.

Core features I need right now:
• Users can create a task, see it appear instantly in the list, and delete it when finished.
• Each task is editable after it is created; inline editing or an “Edit” modal is fine as long as the interaction feels smooth.

Nice-to-have ideas such as prioritisation flags or due-date reminders can wait, but please keep the structure flexible so they can slot in later without a full rewrite.

Interface & UX expectations
The page should be responsive, looking clean on desktop and mobile. Use modern CSS (Flexbox or Grid) for layout and a simple colour palette—nothing overly stylised, just clear readability.

Data handling
Local persistence is enough for this version, so localStorage or an equally simple client-side solution will do. Please structure the JavaScript so that swapping in an API or database later is straightforward (e.g., isolate storage logic in its own module).

Deliverables
• All source files (index.html, styles.css, script.js)
• A brief README explaining the folder structure, build/run instructions, and where future features would plug in
• Screenshots or a short screen recording that demonstrates adding, editing, and deleting tasks

I’ll test by running it locally in the latest Chrome and Edge browsers; if everything works smoothly there, I’ll consider the milestone complete and we can move on to the next project in the queue.