Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sidcraftscode/react-todo-list-app

A simple and lightweight to-do list app built with React and Tailwind CSS, allowing users to create, edit, and delete tasks, as well as mark them as complete.
https://github.com/sidcraftscode/react-todo-list-app

react tailwindcss todolist

Last synced: 1 day ago
JSON representation

A simple and lightweight to-do list app built with React and Tailwind CSS, allowing users to create, edit, and delete tasks, as well as mark them as complete.

Awesome Lists containing this project

README

        

# React To-do List app

A simple and lightweight to-do list app built with React and Tailwind CSS, allowing users to create, edit, and delete tasks, as well as mark them as complete (obviously).
You can preview it [here](https://react-todolist-sid.vercel.app)

## Getting Started
### Prerequisites
node, npm

### Installation
1. Clone the repo
```
git clone https://github.com/sidcraftscode/react-todo-list-app
cd react-todo-list-app
```

2. Install NPM packages
```
npm install
```

3. Start the app in dev mode
```
npm start
```

### Other scripts
Generating a production build of the app
```
npm run build
```

## Built With

* [React](https://react.dev)
* [TailwindCSS](https://tailwindcss.com)

## Features
- [x] Allow user to create, edit and delete tasks
- [x] Allow user to mark tasks as complete
- [x] LocalStorage persistence
- [ ] Dark mode
- [ ] Settings menu
- [ ] Give user option to make delete modal optional

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details