https://github.com/lilithcode/react-todo-app
A simple Todo App built with React and styled using Tailwind CSS. This app allows users to add, edit, delete, and mark tasks as completed
https://github.com/lilithcode/react-todo-app
Last synced: about 1 year ago
JSON representation
A simple Todo App built with React and styled using Tailwind CSS. This app allows users to add, edit, delete, and mark tasks as completed
- Host: GitHub
- URL: https://github.com/lilithcode/react-todo-app
- Owner: lilithCode
- Created: 2025-02-16T15:47:20.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-16T17:24:41.000Z (about 1 year ago)
- Last Synced: 2025-02-16T17:25:12.659Z (about 1 year ago)
- Language: CSS
- Size: 170 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Todo App
A simple Todo App built with React and styled using Tailwind CSS. This app allows users to add, edit, delete, and mark tasks as completed. Tasks are stored in the browser's local storage, ensuring they persist even after a page refresh.
## Features
- Add, edit, delete, and mark tasks as completed
- Persistent storage using local storage
- Responsive design with Tailwind CSS
## Technologies Used
- **React**: A JavaScript library for building user interfaces
- **Tailwind CSS**: A utility-first CSS framework for rapid UI development
- **UUID**: A library for generating unique IDs for tasks
- **Local Storage**: Browser storage to persist tasks
## Installation
1. Clone the repository:
```bash
git clone https://github.com/lilithCode/react-todo-app.git
```
2. Navigate to the project directory:
```bash
cd react-todo-app
```
3. Install the dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
## Usage
- Type a task in the input field and press Enter or click the plus icon to add a new task.
- Click the edit icon next to a task to edit it.
- Click the delete icon next to a task to delete it.
- Check the checkbox next to a task to mark it as completed.