DEV Community

MD Taseen Khan
MD Taseen Khan

Posted on • Originally published at reactjsexample.com on

A simple TODO list application built with Typescript and ReactJS

A simple TODO list application built with Typescript and ReactJS

This is a simple TODO list application built with HTML, CSS, and Typscript in React that allows you to manage your tasks. The unique feature of this application is that it uses Local Storage to store your tasks locally in your browser, so you can access and manage them even after closing and reopening the application.

View DemoView Github

Installation

1.Clone or download this repository to your local machine. 2.Navigate to the project folder. 3.Open index.html in your preferred web browser.

Usage

1.Adding a Task

2.To add a task, simply type your task in the input field and press the “Add” button or hit Enter. The task will be added to the list below. Editing a Task

3.Click on the checkbox next to a task to mark it as complete. Click again to mark it as incomplete. Deleting a Task

4.To delete a task, click the “Delete” button next to the task you want to remove.

Local Storage

All your tasks are saved to Local Storage, so they will persist even after you close the browser or refresh the page.

GitHub

View Github

Top comments (0)