react-todo-app

This is a todo-app with user authentication and modern CSS Design. It is a MERN application (MongoDB, ExpressJS, ReactJS, NodeJs) that uses jsonwebtoken to authenticate the users (for login and signup).

Features:

1. signup, login and logout
2. create, edit and delete todos
3. mark todos as completed
4. filter the todo-list with completion status (all, active, completed)
5. change the color-theme with a darkmode-switch
6. todos are automatically saved in the database

Technologies used in this MERN project

1. MongoDB (database)
2. ExpressJS (back-end)
3. ReactJS (front-end)
4. NodeJS (server-side runtime)

Front-End Packages

• react, react-dom, react-router-dom
• axios
• dotenv

Back-End Packages

• express
• mongoose
• jsonwebtoken, express-jwt
• bcrypt
• body-parser
• dotenv
• cors

Screenshots