https://github.com/vaibhavsys/react-todo-app

A simple todo app built with React. Add and manage todos with ease.
https://github.com/vaibhavsys/react-todo-app

react tailwindcss todoapp todolist

Last synced: 19 days ago
JSON representation

A simple todo app built with React. Add and manage todos with ease.

• Host: GitHub
• URL: https://github.com/vaibhavsys/react-todo-app
• Owner: VaibhavSys
• License: mit
• Created: 2023-12-30T15:41:54.000Z (11 months ago)
• Default Branch: master
• Last Pushed: 2024-04-03T17:10:42.000Z (8 months ago)
• Last Synced: 2024-10-10T21:14:40.460Z (about 1 month ago)
• Topics: react, tailwindcss, todoapp, todolist
• Language: JavaScript
• Homepage: https://react-todo.thevaibhavway.pro/
• Size: 246 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Todo App

This is a simple Todo App built using React as a learning project. It allows you to add tasks, remove tasks, remove all tasks, import tasks, and export tasks.

## Demo

A live version of the app is deployed [here](https://react-todo.thevaibhavway.pro/) which is hosted on Cloudflare Pages.

![Alt text](assets-gh/screenshot.png)

## Features

- **Add Tasks:** You can add new tasks to the todo list.

- **Remove Tasks:** You can remove individual tasks from the todo list.

- **Remove All:** You can remove all tasks from the todo list.

- **Import:** You can import tasks from a [JSON file](#json-file-format).

- **Export:** You can export tasks to a [JSON file](#json-file-format).

## Installation

To run the app locally, follow these steps:

1. Clone the repository: `git clone https://github.com/VaibhavSys/react-todo-app.git`

1. Navigate to the project directory: `cd react-todo-app`

1. Install the dependencies: `npm install`

1. Start the development server: `npm run dev`

1. Open your browser and visit [http://localhost:5173](http://localhost:5173)

## JSON File Format

To import tasks into the web app, the file must be formatted in JSON format and contain an array of strings.

For example:

```json

["Task 1", "Task 2", "Task 3"]

```

## License

This project is licensed under the [MIT License](LICENSE).