Skip to content

Project No. 7 of 21 of the freeCodeCamp course "JavaScript Algorithms and Data Structures". In this TODO application, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements.

Notifications You must be signed in to change notification settings

Erikote04/Todo-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

64 Commits
 
 
 
 
 
 
 
 

Repository files navigation

TODO App

Manage your tasks efficiently with this simple Task Manager application built using HTML, CSS, and JavaScript. Keep track of your to-dos, edit details, and never miss a deadline.

task-added add-task

Introduction

Task Manager is a lightweight web application designed to help you organize and manage your tasks. With an intuitive user interface, you can quickly add, edit, and delete tasks, ensuring that you stay on top of your to-do list.

Features

  • Add New Tasks: Enter details such as title, date, and description to add a new task.
  • Update Tasks: Edit task details and update them with ease.
  • Delete Tasks: Remove unwanted tasks from your list.
  • Responsive Design: Access and manage tasks seamlessly across various devices.

Task Operations

  • Open Task Form: Click the "Add Task" button to open the task form and input task details.
  • Close Task Form: Use the "Cancel" button to close the task form. Any unsaved changes trigger a confirmation dialog.
  • Save Task: Click the "Add Task" or "Update Task" button to save the task.
  • Reset Form: Use the "Discard" button in the confirmation dialog to reset the form and discard changes.

Editing and Deleting Tasks

  • Edit Task: Click the "Edit" button on a task to populate the task form with its details for editing.
  • Delete Task: Click the "Delete" button on a task to remove it from the list.

Confirm Close Dialog

The confirmation dialog prompts you to confirm or discard changes before closing the task form. Use the "Cancel" button to stay on the form or "Discard" to reset and close.

Getting Started

To use Task Manager:

  1. Clone the repository: git clone https://github.com/Erikote04/Todo-App.git
  2. Open the index.html file in a web browser.
  3. Start adding and managing your tasks.

About

Project No. 7 of 21 of the freeCodeCamp course "JavaScript Algorithms and Data Structures". In this TODO application, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published