Fullstack Todo List using Java Springboot for backend & React js for frontend

Live Test:

https://3x-todo.netlify.app/

https://3x-todo.netlify.app/

https://3x-todo.netlify.app/

https://3x-todo.netlify.app/

https://3x-todo.netlify.app/

https://3x-todo.netlify.app/

Friendly UI frontend designed to ease the use for users. Highly responsive in all kind width of monitors, phones and tablets

• React-router-dom
• Chakra UI
• Framer-Motion
• Sweetalert2 / Toast

• user login page -> "/login"
• user register page -> "/register"
• main page to get,add,update and delete todo -> "/"
• 404 Not found -> "/*"

Advance Springboot backend with CRUD, auth, privileges and basic secutiry

Postman https://documenter.getpostman.com/view/21096361/2s93ebUX15

ADMIN / USER

- Admin has all privileges and access to all endpoints

Auth:

• Register
• Login
• Get all users
• Delete user
• Update user
• Get a user todo
• Auth to all endpoints

Todo:

• Get todo
• Add todo
• Update todo
• Delete todo

- User has limited privileges and access to limited endpoints

Auth:

• Register
• Login

Todo:

• Get todo
• Add todo
• Update todo
• Delete todo

• Spring security Basic Auth
• Spring web
• Lombock
• Validation
• JPA
• MySQL

• Controller layer
• Service layer
• Security Config Layer
• Repository layer
• Advice layer
• Exceptions Layer

• Run xampp: start Apache and MySQL Services

• Open backend project in Intellij and start the server

• Open frontend project in VS

• in VS terminal type:

  npm install
  npm start
  

Have fun....