To-Do List App

Objective: Build a simple To-Do List app using HTML, CSS, and JavaScript that allows users to add, view, and delete tasks. The app should have a responsive design and persist the tasks locally.

Requirements:

• Add New Task:
  • The app should have a text input field and a button to add a task.
  • Each task should have a title and a timestamp of when it was added.
• View Task List:
  • Display a scrollable list of tasks.
  • Each task should show the title and timestamp.
• Delete a Task:
  • Each task should have a "delete" button (e.g., a trash can icon) to remove it from the list.
• Responsive Design:
  • Ensure the app is fully responsive and works well on both desktop and mobile devices.
• Persist Data Locally:
  • Ensure that tasks persist when the page is refreshed or reopened, using localStorage or sessionStorage.

Stretch Goals (Optional):

• Allow users to edit existing tasks.
• Add a "Mark as Completed" feature with a visual indicator (e.g., strike-through text).
• Implement task filtering (e.g., show "All", "Completed", or "Pending" tasks).
• Use a modern JavaScript framework (e.g., React, Vue, or Angular) to build the app.

Once you've completed the exercise, please fill out the form below.

Create a Public Github Repository and upload your solution there.

Please add a README file to your repository with instructions and requirements to run your exercise.

Also, add a detailed explanation of your solution in your README file.