crazyobject / React-todo-list-app Public

Notifications You must be signed in to change notification settings
Fork 7
Star 10

Todo list application developed in react functional components and bootstrap. User can create new todo items. Every todo item will have status like ( incomplete , completed ). Users can mark them as complete once done. todo items are cached using localstorage. User can edit and delete existing todo items.

10 stars 7 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 10 Commits
app		app
README.md		README.md

Repository files navigation

React-todo-list-app (Formik,Yup,Bootstrap, Toast, localstorage)

Todo list application developed in react using functional components and bootstrap.

Create new task item.
Edit existing task item.
Delete existing task item.
Flag task as completed.
Remove completed flag and bring back to in progress.
Displaying success messages using Toast
Filter the tasks based on status (completed / incomplete / all)
Localstorage is used to remember your tasks

Live app on stackblitz

https://stackblitz.com/edit/react-todo-app-bootstrap?file=src%2FApp.js

Kickstart

checkout the repository
cd app
npm install
npm start

Demo - Todo manager

Demo - screenshot

About

Todo list application developed in react functional components and bootstrap. User can create new todo items. Every todo item will have status like ( incomplete , completed ). Users can mark them as complete once done. todo items are cached using localstorage. User can edit and delete existing todo items.

Report repository

Releases

No releases published

Packages

No packages published

Languages