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

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free

Top comments (0)

Postgres on Neon - Get the Free Plan

No credit card required. The database you love, on a serverless platform designed to help you build faster.

Get Postgres on Neon

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay