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

https://github.com/romashka-dev/react-todo-list

A simple and intuitive To-Do List application built with React.js.
https://github.com/romashka-dev/react-todo-list

javascript reactjs todo-app todolist typescript

Last synced: about 2 months ago
JSON representation

A simple and intuitive To-Do List application built with React.js.

Awesome Lists containing this project

README

          

# 📝 React To-Do List App

[![Netlify Status](https://api.netlify.com/api/v1/badges/3871206d-60ab-4b65-aa21-a3f57625c1be/deploy-status)](https://app.netlify.com/sites/todotodo-list-react/deploys)

A simple and intuitive To-Do List application built with React.js. This app allows users to manage their daily tasks efficiently with features like adding, editing, marking as completed/incompleted, and deleting tasks.

## 🚀 Features

✅ Add new tasks

✅ Edit existing tasks

✅ Mark tasks as completed/incompleted

✅ Remove tasks

✅ Display task badges with due dates

✅ Filter tasks using a search bar

✅ Local storage support (tasks persist after refresh)

## 📌 Getting Started

Follow these steps to set up the project on your local machine:

### Prerequisites

Ensure you have the following installed:

- [Node.js](https://nodejs.org/)
- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)

### Installation

1. **Clone the repository:**

```bash
git clone https://github.com/romashka-dev/react-todo-list.git
cd react-todo-list
```

2. **Install dependencies:**

```
npm install
# or
yarn install
```

3. **Start the development server:**

```
npm run dev
# or
yarn dev
```

4. **Open the application in your browser:**

```
http://localhost:5173
```

### Contributing

Contributions are welcome! Please fork this repository and submit a pull request with your improvements.

### License

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