MERN Stack App

Simple web app with Login and Signup functionality using MERN Stack

App includes the following features:

• Consistent and clean layout
• Responsive layout on all devices
• Animations (prompting error messages)
• Custom form validation for both forms
• Toast notifications
• Login and Signup with JWT token authentication
• Unique username and email check on database
• Restricted home page to only logged in user
• User information on home page

Getting started

Front-end (ReactJS)

Install the dependencies and start the server.

$ cd mernstack-app/frontend
$ npm i
$ npm start

Configuration file: frontend/config/index.js

Back-end (NodeJS, Express & MongoDB)

Install the dependencies and start the server.

$ cd mernstack-app/backend
$ npm i
$ npm start

or for development

$ npm run dev

Configuration file: mernstack-app/backend/config/config.js

License

MIT