Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/its-shojib/todo-app-with-redux
A to-do app built with React, Redux, and Tailwind CSS. Features include adding, deleting, filtering, searching, and marking tasks as completed. Streamline your task management with this user-friendly application.
https://github.com/its-shojib/todo-app-with-redux
javascript localstorage reactjs redux redux-toolkit tailwindcss
Last synced: 21 days ago
JSON representation
A to-do app built with React, Redux, and Tailwind CSS. Features include adding, deleting, filtering, searching, and marking tasks as completed. Streamline your task management with this user-friendly application.
- Host: GitHub
- URL: https://github.com/its-shojib/todo-app-with-redux
- Owner: Its-Shojib
- License: mit
- Created: 2024-07-06T16:37:20.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-07-08T18:16:11.000Z (7 months ago)
- Last Synced: 2024-11-19T18:30:54.301Z (3 months ago)
- Topics: javascript, localstorage, reactjs, redux, redux-toolkit, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 142 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# To-Do App
Welcome to the To-Do App! This application is built using React, Redux, and Tailwind CSS. It provides a simple and efficient way to manage your tasks, with features to add, delete, filter, search, and mark tasks as completed.
## Features
- **Add Tasks**: Easily add new tasks to your to-do list.
- **Delete Tasks**: Remove tasks that are no longer needed.
- **Filter Tasks**: Filter tasks based on their completion status.
- **Search Tasks**: Find tasks quickly using the search functionality.
- **Mark Tasks as Completed**: Keep track of your progress by marking tasks as completed.
## Screenshots
## Getting Started
Follow these instructions to get a copy of the project up and running on your local machine.
### Prerequisites
Make sure you have the following installed:
- [Node.js](https://nodejs.org/)
- [npm](https://www.npmjs.com/)
### Installation
1. Clone the repository:
```sh
git clone https://github.com/Its-Shojib/Todo-App-with-Redux
```
2. Navigate to the project directory:
```sh
cd Todo-App-with-Redux
```
3. Install the dependencies:
```sh
npm install
```
4. To start the development server, run:
```sh
npm run dev
```
Open http://localhost:3000 to view it in the browser.
## Usage
- **Add a Task**: Type your task in the input field and press Enter or click the "Add" button.
- **Delete a Task**: Click the "Delete" button next to the task you want to remove.
- **Filter Tasks**: Use the filter buttons to view all tasks, completed tasks, or incomplete tasks.
- **Search Tasks**: Use the search bar to find specific tasks.
- **Mark as Completed**: Click the checkbox next to a task to mark it as completed.
## Built With
- React
- Redux
- Tailwind CSS
## Contributing
Contributions are welcome! If you have suggestions or improvements, feel free to submit a pull request.
## License
This project is licensed under the MIT License. See the LICENSE file for details.
## Acknowledgements
Special thanks to the creators of React, Redux, and Tailwind CSS for providing such powerful tools.
Thanks to all contributors who have helped improve this project.