Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/bikranshu/express-mongo-react-redux

Express, MongoDB, React and Redux Application
https://github.com/bikranshu/express-mongo-react-redux

boilerplate eslint expressjs mongodb mongoose react react-router redux redux-form

Last synced: 3 months ago
JSON representation

Express, MongoDB, React and Redux Application

Awesome Lists containing this project

README

        

MongoDB, Express, React/Redux and Node (MERN)

## Get Started

### 1. Requirements

- [NodeJs](https://nodejs.org/en/)
- [NPM](https://npmjs.org/) - Node package manager
- [MongoDB](https://www.mongodb.com/) - Document-oriented database

### 2. Install and Start MongoDB
```
$ sudo service mongod start
```

### 3. Installation

On the command prompt run the following commands:
```
$ git clone https://github.com/Bikranshu/express-mongo-react-redux.git
$ cd express-mongo-react-redux
$ cp .env.example .env (edit it with your secret key and database information)
$ npm install
$ npm start
$ npm run watch (run on separate terminal window)
$ npm run lint (run eslint on separate terminal window)
```

### 4. Usage

URL : http://localhost:3000

Add new user from signup page and login

### 5. Useful Link
- Web framework for Node.js - [Express.js](http://expressjs.com/)
- JavaScript library for building user interfaces - [React](https://facebook.github.io/react/)
- Promise based HTTP client - [axios](https://github.com/mzabriskie/axios)
- JSON Web Tokens(jwt) - [jsonwebtoken](https://www.npmjs.com/package/jsonwebtoken)
- MongoDB object modeling tool- [mongoose](http://mongoosejs.com/)
- Predictable state container - [Redux](http://redux.js.org/)
- Redux Form - [Redux Form](http://redux-form.com/7.0.0/)
- Declarative routing for React - [react-router](https://reacttraining.com/react-router/)
- Code linting tool - [ESLint](http://eslint.org/)