Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/raihan2bd/react-todos
Advance Todo List is a task management app for creating, organizing, and tracking to-do items and projects. It offers CRUD operations and progress tracking.
https://github.com/raihan2bd/react-todos
css html javascript localstorage react redux
Last synced: 2 months ago
JSON representation
Advance Todo List is a task management app for creating, organizing, and tracking to-do items and projects. It offers CRUD operations and progress tracking.
- Host: GitHub
- URL: https://github.com/raihan2bd/react-todos
- Owner: raihan2bd
- License: mit
- Created: 2023-01-16T07:55:40.000Z (about 2 years ago)
- Default Branch: dev
- Last Pushed: 2023-02-03T06:36:04.000Z (almost 2 years ago)
- Last Synced: 2023-05-06T05:22:42.108Z (over 1 year ago)
- Topics: css, html, javascript, localstorage, react, redux
- Language: JavaScript
- Homepage: https://react-todos-2t6k.onrender.com/
- Size: 3.65 MB
- Stars: 14
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
React Todos
An Advance todo list app that can track progress
# 📗 Table of Contents
- [📗 Table of Contents](#-table-of-contents)
- [📖 React Todos ](#-todo-list-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [👥 Author ](#-author-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [📝 License ](#-license-)An Advance Todo List is a task management application that allows users to create, manage, and organize to-do items within specific threads. With this application, users can perform CRUD (create, read, update, and delete) operations on the to-do items and threads. The app also provides the capability to track the progress of individual to-do items and update it as required. This makes it an ideal solution for users who want to manage their tasks and projects more efficiently.
> I am using Html, Css and Javascript es6, React, Redux Front end development.
Client
- HTML
- CSS
- JAVASCRIPT
- React
- Redux
Some key feature of this project
- Create and manage to-do items within specific threads
- Perform CRUD operations on both to-do items and threads
- Track the progress of individual to-do items and update as required
- Organize and prioritize tasks efficiently
- User-friendly interface for easy task management
- Option to set reminders for important tasks
- Ability to categorize to-do items based on project or topic
- Option to add notes or additional information to each to-do item
- Reports or dashboard to track progress and see a summary of completed and pending tasks.
## 🚀 Project DEMO
![React-todo-list](https://user-images.githubusercontent.com/35267447/216528849-d031d40b-c29a-42ec-9229-6b2a2b961945.PNG)
- [Live Demo Link](https://react-todos-2t6k.onrender.com/)
> Please follow the instructions to clone my repo
> To get a local copy, follow these simple example steps.
> Clone this repository or download the Zip folder:
### Prerequisites
> Inorder to check the linters errors make sure you have installed the [nodejs](https://nodejs.org)
### Setup
> Clone this repository to your desired folder: cd [folder] to navigate and run the below comand to clone the project
```sh
git clone https://github.com/raihan2bd/react-todos.git
```
### Install
Install this project with:
download npm the packages
```sh
npm install
```
### Usage
> To see the project in your local browser first of all, go to the dist folder then open the index.html file.
👤 **Abu Raihan**
- GitHub: [@githubhandle](https://github.com/raihan2bd)
- Twitter: [@twitterhandle](https://twitter.com/raihan2bd)
- LinkedIn: [LinkedIn](https://linkedin.com/in/raihan2bd)
- [ ] **I will add styles and also make this project nice and user fiendly**
- [ ] **I will add more functionality using javascript such as render specific todos with filters.**
- [ ] **I will connect this app with an api**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
> Give a ⭐️ if you like this project!
> Without Microverse Help this project not compleated at all so thanks a lot Microverse for giving us this kind of opertunity.
This project is [MIT](./LICENSE) licensed.