Skip to content

Latest commit

 

History

History
50 lines (30 loc) · 1.7 KB

README.md

File metadata and controls

50 lines (30 loc) · 1.7 KB

To-Do List

This is a simple web application for managing your to-do list. It allows you to add tasks, edit existing tasks, and delete tasks.

Project Purpose

This project serves as a demonstration of my coding knowledge and skills. It showcases my ability to create a functional web application using HTML, CSS, and JavaScript.

The code for this project was based on the tutorial by Tyler Potts.

Technologies Used

  • HTML
  • CSS
  • JavaScript

Features

  • Add a new task to the list.
  • Edit the content of a task.
  • Mark tasks as completed.
  • Delete tasks from the list.

Getting Started

To get started with the application, follow these steps:

  1. Clone the repository: git clone https://github.com/ramez08/todo-app.git
  2. Open the index.html file in your web browser.

Usage

  1. Enter a task in the input field labeled "What do you have planned?".
  2. Click the "Add task" button or press Enter to add the task to the list.
  3. To edit a task, click the "Edit" button next to the task, make the desired changes, and click "Save" to save the changes.
  4. To delete a task, click the "Delete" button next to the task.

Customization

You can customize the styling of the application by modifying the styling.css file. The CSS variables defined in the :root selector allow you to change the color scheme and other visual aspects.

License

This project is licensed under the MIT License.

Feel free to contribute to the project by submitting pull requests or reporting issues.

Acknowledgements

The design and implementation of this to-do list application were inspired by various online tutorials and resources.