Skip to content

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

About

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

Topics

Resources

License

Security policy

Stars

Watchers

Forks

Packages

 
 
 

Contributors