To-Do List (JavaScript)

About

A simple to-do list application built using HTML, CSS, and vanilla JavaScript. The application allows you to add, delete, and mark tasks as completed. Tasks are saved to localStorage so they persist even after the page is refreshed.

Features

• Add Task: Add new tasks to the list.
• Delete Task: Remove tasks from the list.
• Mark as Completed: Mark tasks as completed by checking the checkbox.
• Persistent Storage: Tasks are saved to localStorage.

File Structure

• task/
  • src/
    • index.html
    • css/
      • style.css
    • fonts/
      • Caveat-Regular.ttf
      • tangerine-regular.ttf
• README.md
• LICENSE.md

Getting Started

Prerequisites

• Modern web browser (like Chrome, Firefox)

Running the Project

1. Clone the repository:

   git clone https://github.com/Ryuukae/To-Do.List.git
   cd To-Do.List

2. Open index.html in your browser:

   open task/src/index.html

   OR simply double-click on index.html.

3. Using the Application:

   • Enter a task in the input box and click "Add Task" to add a task.
   • Check the checkbox next to a task to mark it as completed.
   • Click the delete button (trash icon) to remove a task.
   • Tasks will be saved automatically to localStorage.

Contributing

Feel free to make a pull request or open an issue to contribute to the project, but as this repo is a guided project, it is not actively maintained.

License

This project is licensed under the Apache 2.0 License - see the LICENSE.md file for details.

Acknowledgments

• Icons from icons8
• Fonts sourced locally