Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chinmaymahajan/registration-and-login-using-mern-stack

Simple Registration and Login component with MERN stack
https://github.com/chinmaymahajan/registration-and-login-using-mern-stack

express express-js expressjs mongo mongodb mongodb-database mongoose node node-js nodejs nodemon react react-component react-component-example react-components react-router reactjs webpack yarn

Last synced: about 2 hours ago
JSON representation

Simple Registration and Login component with MERN stack

Awesome Lists containing this project

README

        

## Simple User Registration and Login functionality with React, NodeJs, ExpressJs and MongoDB

### Login Screen
![Login screen](./images/login.png)

### Sign up Screen
![Sign up screen](./images/signup.png)

## UI

In the project directory, you can run:

### Quick Start
```javascript
// Install dependencies
npm install or yarn install

//start the client
npm start or yarn start
```
Runs the app in the development mode.

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.

You will also see any lint errors in the console.

## API

Checkout to api directory then you can run:

### `nodemon server`

Runs the node server and page will reload if you make any edits

## Database

### `brew services start mongodb`

This will start the mongodb service

### `mongod --port 27018`

Runs mongod on 27018 port