https://github.com/shanu-shahbin/react-todo-list

This is a simple ToDo list application built using React, Tailwind CSS, and HTML, designed to help you manage your tasks efficiently. The application leverages local storage in the browser for data persistence, ensuring your tasks remain saved even after refreshing the page. With an intuitive interface, you can easily add new tasks by typing
https://github.com/shanu-shahbin/react-todo-list

browser-localstorage html5 react tailwindcss todoapp

Last synced: 5 days ago
JSON representation

This is a simple ToDo list application built using React, Tailwind CSS, and HTML, designed to help you manage your tasks efficiently. The application leverages local storage in the browser for data persistence, ensuring your tasks remain saved even after refreshing the page. With an intuitive interface, you can easily add new tasks by typing

• Host: GitHub
• URL: https://github.com/shanu-shahbin/react-todo-list
• Owner: shanu-shahbin
• Created: 2024-02-14T04:56:35.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-02-14T05:31:06.000Z (12 months ago)
• Last Synced: 2024-11-19T20:39:30.360Z (2 months ago)
• Topics: browser-localstorage, html5, react, tailwindcss, todoapp
• Homepage:
• Size: 15.9 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
This is a simple ToDo list application built using React, Tailwind CSS, HTML, and utilizes local storage in the browser for data persistence.



![Screenshot (338)](https://github.com/shanu-shahbin/React-Todo-List/assets/107126924/298a0e8f-235f-46c6-8b41-24f9d4bc4b8d)

 Features

 


==> Add tasks to your ToDo list


==> Mark tasks as completed


==> Delete tasks


==> Tasks are saved locally in the browser's storage


Technologies Used


==> React


==> Tailwind CSS


==> HTML


![Screenshot (339)](https://github.com/shanu-shahbin/React-Todo-List/assets/107126924/20430479-0653-474c-a4ca-a775172e0291)


Prerequisites

Make sure you have npm installed. You can download and install it from here.


![Screenshot (340)](https://github.com/shanu-shahbin/React-Todo-List/assets/107126924/d6c0b800-98ea-4ad1-b296-b950c7dd0ae4)


Usage


==> Add a new task: Type the task in the input field and press Enter or click the Add button


==> Mark a task as completed: Click the checkbox next to the task.


==> Delete a task: Click the delete button next to the task.


![Screenshot (341)](https://github.com/shanu-shahbin/React-Todo-List/assets/107126924/2fc3c0af-0398-4d43-8a89-404749b073d9)


Contributing


Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.




License


Distributed under the MIT License.