Login and Registration Using MERN Stack

 

   

-Login

-Registration

-Dashboard

-Logout

=====Back End (Express JS)=======

-Express JS

-MongoDB Cloud Database

-"PostMan"testing backend functional

-If you want to show Success/Error to your express backend in Element Please Add this Extension to your browser "Redux DevTools"

How to start "Express" using command please follow the guide below?(Server)

- First of all put it in command:  "npm init -y"

-Second  install "npm i express mongoose express-validator bcryptjs jsonwebtoken config --save"

-If you want to try run or test first  type this command : "node server.js"

-Third is type this command: "npm i forever --save" or "npm i -d nodemon"

-Fourth if you to put bootstrap for design please type this to your command: "npm i bootstrap jquery popper.js"

-Change into package.json "test script"

                                                      "forever": "forever -w server.js" 

-If you want to run the "Express server" Please input this to your command: "npm run forever"

========Front End (React JS)=======

- First of all put it in command: "npx create-react-app frontend"    => { frontend } is my folder name.

-Second  npm i redux redux-thunk axios --save

-Third is run this to your command: "npm i react-redux --save"

-Fourth is run this to your command:  "npm i react-router-dom --save"

-npm i cors --save

-etc...

if you want to run react please type this command: "cd frontend" after type this "npm start" or "yarn start"

==========MongoDB Cloud Database ===========

Please create your own account first at https://www.mongodb.com/ for cloud database you create your own database and table in "Cluster" then click the collection 

then create database

then also fix the database access you created in "Database Users" and finally "Network access" add your own IP Address and go back to "Cluster" click connect the 

copy the link to "connect your application" to .env in Express(.js backend) then change the name and password.

-Complete Sourcecode without Error Please support always this blog for more updates.

DOWNLOAD LINK: https://www.mediafire.com/file/zvd259ephnysfyj/MERN_LoginReg.zip/file

Contact # : 09991050748 ->SMART

Please follow me for more info and update post free.