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

https://github.com/rjnemo/mern_sample_app

Sample MERN stack application with Redux and Firebase
https://github.com/rjnemo/mern_sample_app

Last synced: about 2 months ago
JSON representation

Sample MERN stack application with Redux and Firebase

Awesome Lists containing this project

README

        

[![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/rjNemo/MERN_sample_app)

# MERN Stack Demo

Skeleton MERN Stack app with Redux and Firebase.

## Prequisites

- NodeJs
- npm

## Backend configuration

```zsh
npm init -y
```

install dependencies

```zsh
npm i express mongoose concurrently firebase-admin helmet moment
```

install nodemon for server hot reload and jest for testing

```zsh
npm i -D nodemon jest
```

### Update package.json

```json
{
"type": "module",
"scripts": {
"start": "node --experimental-modules --experimental-json-modules server.js",
"server": "nodemon --experimental-json-modules server.js",
"client": "npm start --prefix client",
"client-install": "npm install --prefix client",
"dev": "concurrently \"npm run server\" \"npm run client\"",
"heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix client && npm run build --prefix client",
"test": "jest",
"test:watch": "npm run test -- --watch"
}
}
```

## Frontend configuration

```zsh
npx create-react-app client --template redux
```

Install dependencies

```zsh
npm i axios firebase prop-types react-router-dom
```

### Update package.json

```json
{
"proxy": "http://localhost:5000"
}
```