Logo

dev-resources.site

for different kinds of informations.

A simple TODO list application built with Typescript and ReactJS

Published at
9/9/2023
Categories
todo
typescript
Author
mohammadtaseenkhan
Categories
2 categories in total
todo
open
typescript
open
Author
18 person written this
mohammadtaseenkhan
open
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

todo Article's
30 articles in total
Favicon
Personal TODO list on how I set up my dev machine
Favicon
Svelte + Manifest = Giving Svelte a proper backend with 7 lines of code 🧑🦚
Favicon
NodeJS Notes
Favicon
The Productivity apps I use in 2024
Favicon
Managing Your To-Do List Effectively: Strategies for Effective Task Management
Favicon
How can you effectively manage the scope of a task over time?
Favicon
A simple Todo application with Google sheets and React
Favicon
Effortlessly streamline Your Day with Integrated Email and Todo List Management
Favicon
Complete MERN Stack Todo Application
Favicon
Embarking on a Cloud-native Journey with a Todo API
Favicon
TODO List React Application
Favicon
A Simple To Do List with Next.js
Favicon
Simple TODO List APP with React
Favicon
A simple TODO list application built with Typescript and ReactJS
Favicon
A Todo list App using React
Favicon
Todo App Built With React and Redux
Favicon
React To-Do App with Tailwind CSS
Favicon
To-do list website made with React JS, Tailwind CSS
Favicon
Todo App: Why is it a Good Choice for a Pet Project?
Favicon
Wunderlist For Windows – Your Own Task Manager
Favicon
How to Use the Eisenhower Matrix to prioritize your work
Favicon
10 Effective Strategies for Conquering Challenging Tasks on Your To-Do List: Insights from an Experienced Web Developer
Favicon
A good reason to allow empty git commits
Favicon
Creating a TODO app in Fyne an Go
Favicon
The Productivity apps I use in 2023
Favicon
How to Build a Phoenix LiveView Todo List App with Testing.
Favicon
Total.js tutorial: Simple Todo application (part 2)
Favicon
How to Create TO-DO list with Node and React simple steps.
Favicon
Todo List To Learn a new language
Favicon
I made a plugin to remember todo comments on the code in vite

Featured ones: