Skip to content

HosseinZareinejad/TODO-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 

Repository files navigation

TODO List Application

This is a simple TODO list application designed to help you manage your tasks efficiently. The application allows you to add tasks, set their priorities, edit, delete, and mark them as completed. The tasks are saved to the local storage, so they persist even when you close or refresh the browser.

Features

  • Add New Tasks: Add new tasks with a name and description.
  • Set Task Priority: Set the priority of tasks to low, medium, or high.
  • Edit Tasks: Edit the name, description, and priority of existing tasks.
  • Delete Tasks: Remove tasks that are no longer needed.
  • Mark Tasks as Completed: Mark tasks as completed and move them to the completed tasks list.
  • Local Storage: All tasks are saved in the local storage, ensuring data persistence.

Installation

  1. Clone the repository:
git clone https://github.com/your-username/todo-list.git
  1. Navigate to the project directory:
cd todo-list
  1. Open the index.html file in your browser to start using the application.

Usage

  1. Add a New Task:

    • Click on the "افزودن وظیفه جدید +" button to open the task form.
    • Enter the task name and description.
    • Click on "تگ‌ها" to set the priority of the task.
    • Click on "اضافه کردن تسک" to add the task to the list.
  2. Edit a Task:

    • Click on the ✏️ icon next to the task you want to edit.
    • Modify the task name, description, and priority as needed.
    • The changes will be saved automatically.
  3. Delete a Task:

    • Click on the 🗑️ icon next to the task you want to delete.
    • The task will be removed from the list.
  4. Mark a Task as Completed:

    • Click on the ✔️ icon next to the task you want to mark as completed.
    • The task will be moved to the completed tasks list.

Files

  • index.html: The main HTML file that contains the structure of the application.
  • style.css: The CSS file for styling the application.
  • script.js: The JavaScript file that contains the functionality of the application.
  • assets/: Directory containing images and fonts used in the application.

Contributing

Contributions are welcome! Please open an issue or submit a pull request if you have any improvements or bug fixes.

License

This project is licensed under the MIT License.

Acknowledgements

  • Font Awesome for the icons.
  • Google Fonts for the Yekan font.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published