Skip to content

Template for MERN admin dashboard with coreUI react and redux with Refresh token login implementation

Notifications You must be signed in to change notification settings

sophia-massie/MERN-CoreUI-Admin

 
 

Repository files navigation

Mern CoreUI Admin

Template for MERN Admin Dashboard with CoreUI, React and Redux with Refresh JWT Token login implementation.

Installation:

1. Pull Git Repo

git pull https://github.com/shashank23p/MERN-CoreUI-Admin

2. Install both React Client and Node Server dependencies

npm run install-both

3. Creating MongoDb
create a mongo instance and create collection with name users and insert a dummy admin user data provided below
default password is password

{
  "groups": ["admin"],
  "is_admin": true,
  "name": "admin",
  "email": "[email protected]",
  "password": "$2a$10$p3uvFJkPVJ.hsOaU7o2FDeCyQZLi4LqkHCvk5u2oksWNzYlzOmyhy",
  "date": {
    "$date": "2020-07-24T23:01:01.465Z"
  }
}

4. Creating Environment variables
Create file with name .env in root folder and add following details

DB_CONNECTION= mongoConnectionString
TOKEN_SEC= authTokenSecret
TOKEN_EXPIRY=10m // token expiration_time
REFRESH_SEC= refreshTokenSecret  //must be diffent from TOKEN_SEC

you can use following command to genrate tokens in node

node
crypto.randomBytes(64).toString('hex');

5. Running developer servers
run dev server for both React and node. Node server will start on port 5000 and react dev server on port 3000

npm start

you can also run only node server using

npm run server

6. Logging In
now you can visite the link provided on terminal, It will also open in yout default browser by default after react dev server launched
link will look like following if your on localhoast

http://localhost:3000/

After that you can login with following credentials

email:"[email protected]"
password:"passowrd"

About

Template for MERN admin dashboard with coreUI react and redux with Refresh token login implementation

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 96.6%
  • HTML 3.0%
  • SCSS 0.4%