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.

Overview

React Todos

An Advance todo list app that can track progress

πŸ“— Table of Contents

πŸ“– 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

(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

Setup

Clone this repository to your desired folder: cd [folder] to navigate and run the below comand to clone the project

git clone https://github.com/raihan2bd/react-todos.git

Install

Install this project with:

download npm the packages

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

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

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

(back to top)

You might also like...
Recipe Catalogue is a React & Redux web app based on a catalog of recipes.
Recipe Catalogue is a React & Redux web app based on a catalog of recipes.

Recipe Catalogue is a React & Redux web app based on a catalog of recipes. It contains a browsable list of meals that you can filter by category or type and access to one meal recipe. The data is retrieved from [Meals DB (https://www.themealdb.com/api.php) and then stored in the Redux store.

Manage the state of your React app with ease

@spyna/react-store React app state management that uses a storage Demo https://spyna.github.io/react-store/ Install npm install --save @spyna/react-st

A quick start Redux + TypeScript Create React App template

A quick start Redux + TypeScript Create React App template An opinionated quick

Watchlist Movie App Using React Hooks With Redux

MovieRedux Watchlist Movie App Using React Hooks With Redux Technology Stack: Re

DevTools for Redux with hot reloading, action replay, and customizable UI
DevTools for Redux with hot reloading, action replay, and customizable UI

Redux DevTools Developer Tools to power-up Redux development workflow or any other architecture which handles the state change (see integrations). It

Ruthlessly simple bindings to keep react-router and redux in sync

Project Deprecated This project is no longer maintained. For your Redux - Router syncing needs with React Router 4+, please see one of these librari

A mock store for testing Redux async action creators and middleware.
A mock store for testing Redux async action creators and middleware.

redux-mock-store A mock store for testing Redux async action creators and middleware. The mock store will create an array of dispatched actions which

persist and rehydrate a redux store

Redux Persist Persist and rehydrate a redux store. v6 upgrade Web: no breaking changes React Native: Users must now explicitly pass their storage engi

A resizable and movable dock for Redux DevTools monitors
A resizable and movable dock for Redux DevTools monitors

Redux DevTools Dock Monitor A resizable and movable dock for Redux DevTools. Powered by React Dock. Installation npm install --save-dev redux-devtools

Comments
  • Refactor old todo list project to a advance todo list project

    Refactor old todo list project to a advance todo list project

    Hi There, πŸ‘‹

    hi

    In this PR

    • [ ] I used redux to store my application state
    • [ ] Added Todo Thread CRUD operation functionality
    • [ ] Added Todo CURD operation functionality
    • [ ] Added two pages with a default header
    • [ ] Added necessary styles to the project
    • [ ] Checked the Linter's errors

    If you have any questions about this PR feel free to ask me, thanks πŸ‘

    opened by raihan2bd 2
  • React Tutorial with Todo List project

    React Tutorial with Todo List project

    In this PR:

    • [ ] At first created a new dev branch and then the features branch.
    • [ ] Then I set up react and Linters.
    • [ ] Then I added the todos list functionality.
    • [ ] Then build the project to deploy in GitHub pages.

    Live demo on Github Pages

    or

    Live demo on Varcel

    opened by raihan2bd 2
Owner
Abu Raihan
Full-Stack web Developer. Stack: JavaScript, React, Ruby on Rails, Go, Nodejs. Looking for a new opportunity
Abu Raihan
A sample React TypeScript Redux Toolkit CRUD app

A sample React TypeScript Redux Toolkit CRUD app

Roger NDUTIYE 19 Dec 23, 2022
Single page application for tracking cryptocurrencies. Includes sorting, animations, graphs and more. Made using React & Redux.

Crypto Tracker A single page application meant to keep track of the most popular crypto currencies status. The user can sort the coins by highest gain

Robert Baiesita 17 Dec 18, 2022
Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap

Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap

null 70 Jan 5, 2023
An example real-world Redux CRUD application with no boilerplate

Zero Boilerplate Redux A common criticism of Redux is that it requires writing a lot of boilerplate. This is an application that is meant to show a so

James 18 Nov 23, 2022
An i18n solution for React/Redux and React Native projects

redux-react-i18n An i18n solution with plural forms support for Redux/React Workers of all countries, unite! Supported languages list with expected co

Dmitry Erzunov 64 Oct 19, 2022
A lightweight state management library for react inspired by redux and react-redux

A lightweight state management library for react inspired by redux and react-redux

null 2 Sep 9, 2022
Dead simple state management for React

Undux & TypeScript TodoMVC Example TodoMVC for Undux Installation git clone [email protected]:bcherny/undux-todomvc.git cd undux-todomvc npm install npm

Boris Cherny 11 Aug 10, 2020
Financial Metrics - about building a mobile web application to check a list of metrics that I create making use of React and Redux

Financial Metrics is about building a mobile web application to check a list of metrics (numeric values) that I create making use of React and Redux

Amrendra K 9 Jun 4, 2022
Skeleton React App configured with Redux store along with redux-thunk, redux persist and form validation using formik and yup

Getting Started with React-Redux App Some Configrations Needed You guys need to modify the baseUrl (path to your server) in the server.js file that is

Usama Sarfraz 11 Jul 10, 2022
A simple app for study react with redux, redux saga and typescript.

React com Redux, Redux-Saga e TypeScript. ?? Uma aplicação simple para entender o funcionamento do Redux e a melhor maneira de utiliza-lo junto com o

JoΓ£o Marcos Belanga 1 May 24, 2022