iamyourdre / multi-role-login-fullstack-js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Backend Prerequisites:

  1. Move to cd backend
  2. Run initialization npm init -y
  3. Run installation npm i express mysql2 sequelize argon cors dotenv
  4. Run installation npm i express-session
  5. Run installation npm i connect-session-sequelize
  6. Start backend server with nodemon index (Make sure your folder path is in 'your-project/backend' folder)

Frontend Prerequisites

  1. Run installation npx create-react-app frontend --template redux
  2. Move to cd frontend
  3. Run installation npm i react-router-dom axios bootstrap@v5.3.0 react-icons
  4. Start frontend server with npm start (Make sure your folder path is in 'your-project/frontend' folder)

Preview

A. Login

Login

  • (case: login rejected) Login Failed

B. After Login Dashboard

After Login Dashboard

C. Products List

Products List Menu

D. Add Product

Add Product Form

E. Users List

Users List Menu

F. Add User

  • (case: if confirmation password is false) Add User Form

About


Languages

Language:JavaScript 97.9%Language:HTML 2.0%Language:CSS 0.1%