mirror of
https://github.com/rjNemo/MERN_sample_app
synced 2026-06-06 08:46:39 +00:00
Ruidy
67db437b9d
This commit implements a fully-automated development setup using Gitpod.io, an online IDE for GitLab, GitHub, and Bitbucket that enables Dev-Environments-As-Code. This makes it easy for anyone to get a ready-to-code workspace for any branch, issue or pull request almost instantly with a single click.
66 lines
1.3 KiB
Markdown
66 lines
1.3 KiB
Markdown
[](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"
|
|
}
|
|
```
|