MERN Starter by Jay Jay Cayabyab

This repository includes a boilerplate application that is designed as a launchpad for initializing boilerplate applications.

The structure of the project in its current state assumes that the project will have two separate servers: one for the server-side and one for the client side.

To-do before working on your project
For heroku deployment
- For heroku initialization
- For consequent deployments
Installed dependencies
Completed steps

To-do before working on your project:

Run the following code:

npm i
cd client
npm i

Delete the contents of this README.md and replace with # {your-project-name}.
Add dev.js to your .gitignore file.
Update the mongoURI key in your dev.js file.

For a separate github repo:

Run the following code:

git remote set-url origin {repo-url}
git add README.md
git commit -m "initial commit"
git push -u origin master

For heroku deployment:

For heroku initialization:

Ensure git is installed. Preferably, update the github repo with the instructions above.
Ensure Heroku CLI is installed. You can download it here.
- If not logged in, run heroku login.
Run heroku create. This will log a git repository connected to heroku.
Run

git remote add heroku {heroku git repository}
git push heroku master

On heroku.com, navigate to settings.
Add a MONGO_URI key-value pair in Config vars.
- It would be preferred that this mongo database is unique from the development database.

For consequent deployments:

Ensure that all files are saved and everything is committed
Run

git push heroku master

This starter installs the following dependencies:

Server-side:

Express
Nodemon
Concurrently
Mongoose
body-parser

Client-side:

create-react-app dependencies
Redux
React-Redux
Redux-Form
Redux-Thunk
axios

This starter automatically completes the following steps:

Creates an Express app in index.js and initializes it to PORT 5000.
Formats the package.json file:
- Adds the node and npm engines for deployment purposes.
- Creates two separate node instances on the back-end and the front-end.
- Uses concurrently to run the entire application i.e. both the server and client node instances with npm run dev.
Initializes a config folder with logic for prod vs. dev routing.
- This config contains a key-value pair for the user to input a MongoURI.
Hooks up body-parser middleware to Express application.
Contains examples of Express routes, Mongoose models, and Express services.
Sets up Redux logic around store and dispatch.
Sets up react-router logic in App.js.
Contains examples of Redux actions and reducers.
Proxies HTTP requests from the front-end to the back-end server route /api.

jcayabyab/mern-starter