Skip to content

Devamchaudhari/todo_reactjs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Todo List

This is a simple todo list application that helps you keep track of tasks you need to accomplish. It provides features to add tasks, update task details, mark tasks as completed, and delete tasks. The application stores the task data in the browser's local storage, ensuring that your tasks are preserved even if you close the browser. My internship project

Features

Add Task: Add new tasks you need to complete. Update Task: Modify task details if needed. Checkmark Task: Mark tasks as completed. Delete Task: Remove tasks from the list. Local Storage: Task data is stored in the browser's local storage. Empty State: If no tasks are added, an appropriate message is displayed.

Getting Started

Clone this repository to your local machine or download the ZIP file. Open the index.html file in your web browser.

Usage

Add Task: Enter the task description in the input field and click the "Add" button. The task will be added to the list. Update Task: Click on a task's "Edit" button, modify the task details, and click the "Save" button. Checkmark Task: Click on the checkbox next to a task to mark it as completed. Delete Task: Click on the "Delete" button next to a task to remove it from the list. No Data: If no tasks are added, a message will indicate that there's no data.

Data Storage

Task data is stored in the browser's local storage, allowing you to access your tasks even after closing the browser. The local storage ensures that your task list remains intact until you manually delete it.

Screenshots

image