Skip to content

🌟Full Stack MEAN App with authentication, role-based access control features using Node.js as backend and Angular 8 as frontend, and MongoDB as database

Notifications You must be signed in to change notification settings

Daisyliu6/ng-webpack-auth-forms-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

62 Commits
 
 
 
 
 
 
 
 

Repository files navigation

angular-auth-forms-demo

Features

  • angular-auth-forms-demo the MEAN full stack app without testing files
  • bundler is Webpack
  • this is made with Angular 8 with the functions of register, login, authentication, role based access control
  • all users need to register first
  • normal users can only see home page and its details page while cannot change the role
  • admin can see the list of all users, the list of all roles and can change all details of normal users

🌲

Steps

  • Step 1: go to backend and frontend folder run npm install (You do need to create one env file to store your database information to make it work)
  • Step 2: go to backend folder, run npm start
  • Step 3: open a new terminal, go to frontend folder, run npm start
  • Step 4: localhost 8080 will open automatically if compily successfully
  • Step 5: register & login

alt text alt text

Access Control

Normal user

  • normal user home page alt text
  • normal user detail page alt text

Admin

  • admin goes to list page automatically alt text
  • admin can create/delete roles alt text
  • admin control normal users' role alt text

About

🌟Full Stack MEAN App with authentication, role-based access control features using Node.js as backend and Angular 8 as frontend, and MongoDB as database

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published