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
