mhasanrabbi/mern-todo

server dependencies	client dependencies
express	axios
bcryptjs	sass
cookie-parser	react-router^6
dotenv
jsonwebtoken
mongoose
validator

Backend

• Setup Express JS

• DB Connection

• Create User Model

• Test AUTH Route

• User Registration Route

• User Validation

• User Login Route

• Set JWT and Cookie

• Authorization of Users

• Create Todo Model and Add New Todo by Logged In User Route

• Get Todos by Logged In User Route

• Validate Todo Input

• Mark Todo as Completed Route

• Mark Todo as Incompleted Route

• Update Todo Route

• Delete Todo Route

• Add Access Token on User Registration

• User Logout Route

Frontend

• Setup React

• Authbox Component

• Context Setup

• Login/Logout Context

• Login/Logout/Register Conditional Button

• Register/Login Auth Box

• Set State Auth Box Form

• Component Error Messages

• Login User

• On Login Redirect to Dashboard Route

• Render Todo Data Dashboard

• Render Todo List

• New Todo Component

• Add New Todo

• Mark Todo as Complete

• Mark Todo as Incomplete

• Delete Todo

• Save Todo

• Ready For Deploy