MERN Login Signup Component

Minimalistic, ready-to-use component for Sessions based Login and Sign-Up using Reactjs, Redux, Bootstrap Node.js + Express and MongoDB, can be used as a starting point for another project that needs authentication

Deployment:https://cap300-login-mern-karan.herokuapp.com/

Features

• Login page with success/error messages
• Register page with success/error messages
• Protected Profile page route that needs authentication to access
• Persistence achieved using Sessions, with session ID stored on Cookie
• Logout deletes session in database and cookie from browser
• Fully responsive across Desktop, Tablet and Mobile

Prerequisites

• Node.js
• NPM
• React
• MongoDB Atlas MongoURI
• .env file with ENV variables, a .env template is provided

Quick Start

Clone the repository

 https://github.com/Karanmehra7107/MERN-Inertnship-LCO_cap300.git

Install packages for Node backend

 cd mern-login-signup-component
 npm install

Install packages for React client

 cd mern-login-signup-component/client
 npm install

Start Dev Server ( both React server and Nodejs server )

 npm run dev

Image Gallery

Homepage

Login

Login with Error message

Register

Register with Error message

Register with Success message

Profile Page