Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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.

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-)

# 📖 Todo LIst

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.

## 🛠 Built With

### Tech Stack

> I am using Html, Css and Javascript es6, React, Redux Front end development.

Client


  • HTML

  • CSS

  • JAVASCRIPT

  • React

  • Redux

### Key Features

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.

(back to top)

## 🚀 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/)

(back to top)

## 💻 Getting Started

> 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.

(back to top)

## 👥 Author

👤 **Abu Raihan**

- GitHub: [@githubhandle](https://github.com/raihan2bd)
- Twitter: [@twitterhandle](https://twitter.com/raihan2bd)
- LinkedIn: [LinkedIn](https://linkedin.com/in/raihan2bd)

(back to top)

## 🔭 Future Features

- [ ] **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**

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)

## ⭐️ Show your support

> Give a ⭐️ if you like this project!

(back to top)

## 🙏 Acknowledgments

> Without Microverse Help this project not compleated at all so thanks a lot Microverse for giving us this kind of opertunity.

(back to top)

## 📝 License

This project is [MIT](./LICENSE) licensed.

(back to top)