Skip to content

MERN-auth-roles a web application that allows you to manage the authentication and roles of users using MERN (MongoDB Express React Node)

License

Notifications You must be signed in to change notification settings

adelpro/MERN-auth-roles-boilerplate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

94 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MERN-auth-roles

Codacy Badge

Live website

https://mern-auth-roles.onrender.com

About

MERN-auth-roles a full-stack MERN (MongoDB Express React Node) boilerplate starter application with React, Recoil, authentication, roles, JWT, protected api MERN-auth-roles

We have two parts in the application

MERN-AUTH-ROLES-Backend (sever)

Futures

✓ User with roles (Admin, Manager, user)

✓ NodeJS server

✓ Token and refresh token

✓ async/await syntax

✓ Server side validation

✓ .env file configuration

✓ Profile image upload with Multer (delete old image and replace it with the new image),

✓ Cross-origin resource sharing (CORS)

✓ Limit repeated requests such as password reset.

✓ Cookies

✓ Password Hashing

✓ Real-time notifications using Socket.io

run this command

  cd backend
  npm install
  npm run dev

MERN-AUTH-ROLES-Frontend (client)

Futures

✓ React DevTools desabled in production

✓ Axios with Interceptors to manage fetchs

✓ Token persist only in memory and cookies

✓ Refresh Token (in memory) and access token (in cookies)

✓ Hookform: to manage form inputs

✓ YUP: to validate inputs

✓ react-multi-select-component

✓ Recoil and Recoil-persist: to manage states

✓ react-icons and @uiball/loaders to give a nice look to the UI

✓ Protected routes with Higher order components

✓ Layout component, it will be very easy to navigation and footer

✓ Profile image upload

✓ Real-time notifications using Socket.io client

Run the code

you can run the code by executing this command

cd frontend
npm install
npm start

Screenshots

Home page

MERN-auth-roles

Dash

MERN-auth-roles

Users

MERN-auth-roles MERN-auth-roles

Notes

MERN-auth-roles

MERN-auth-roles

Notifications

MERN-auth-roles

Youtube Video demonstration

Contact us 📨

twitter facebook github medium

Support me ❤️

Ko-fi Buymeacoffee PayPal BitCoin

Thank you

Stargazers repo roster for @adelpro/MERN-auth-roles-boilerplate

Forkers repo roster for @adelpro/MERN-auth-roles-boilerplate