https://github.com/rakkkkkesh/to-do-app

A simple React-based To-Do app that allows users to add, edit, complete, and remove tasks with data persistence using localStorage.
https://github.com/rakkkkkesh/to-do-app

html5 localstorage reactjs tailwind-css

Last synced: 29 days ago
JSON representation

A simple React-based To-Do app that allows users to add, edit, complete, and remove tasks with data persistence using localStorage.

• Host: GitHub
• URL: https://github.com/rakkkkkesh/to-do-app
• Owner: rakkkkkesh
• Created: 2024-12-28T11:18:16.000Z (30 days ago)
• Default Branch: main
• Last Pushed: 2024-12-28T12:09:40.000Z (30 days ago)
• Last Synced: 2024-12-28T12:22:48.547Z (30 days ago)
• Topics: html5, localstorage, reactjs, tailwind-css
• Language: JavaScript
• Homepage: https://rk-to-do-app.netlify.app/
• Size: 910 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# To-Do App

A simple, interactive To-Do list application built with React. This app allows users to add, edit, remove, and mark tasks as complete. The tasks are stored locally using `localStorage`, so they persist across page reloads.

## Features

- **Add Tasks**: Add new tasks to the list.

- **Edit Tasks**: Edit the text of an existing task.

- **Mark Tasks as Complete**: Mark tasks as completed, which applies a strike-through style.

- **Remove Tasks**: Delete tasks from the list.

- **Persistent Data**: Tasks are stored in `localStorage` and persist even after page reloads.

## Usage

Once the app is running:

Add Tasks: Type your task in the input field and click "Add" to add it to the list.

Edit Tasks: Click the edit icon next to a task to modify it. Save your changes by clicking "Save."

Complete Tasks: Click the circle next to the task to mark it as completed.

Delete Tasks: Click the trash icon next to a task to remove it from the list.

The tasks are saved in localStorage, so your data is retained between page reloads.

## Technologies Used

React: JavaScript library for building user interfaces.

Tailwind CSS: Utility-first CSS framework for styling.

localStorage: Web API to store data locally in the browser.