Stacks

A website where you can adverstise your stack technologies

Description

My first mern project with a bunch of bloated component and no testing.... 100% sure they are bugs around so if anyone wants to reduce the code to make it more Readable

feel free to hit me up with a merge

Otherwise Visit. Stacks

Installation

1 - MONGO

Make sure you have mongo set up https://www.mongodb.com/ Go into config and add your mongo database

2 - google cloud storage

head over to www.google-cloud-storage.com

3 - enable Google Cloud Storage api (FOR PICTURE UPLOADING)

• create an api key

• go to the google folder inside the mern project where nodejs is located and place your key within there

• you also need to put your heroku website in the domain otherwise google will give an error claiming it needs a website

IMPORTANT FOR GOOGLE CLOUD STORAGE MAKE SURE YOU SET UP Configuration and Config Vars* with google cloud storage!

HEROKU NEEDS TO FIND YOUR SECRET KEY FOR GOOGLE HEAD OVER TO 
https://devcenter.heroku.com/articles/config-vars for a little tutorial

- go to personal 
- your app
- settings 
- scroll down to config vars 
- reveal Config Vars
- put in key this -> GOOGLE_APPLICATION_CREDENTIALS
- put in value this -> secret.json

put in whatevever for heroku to find that secret.json 

(THIS IS REALLY IMPORTANT FOR FILE UPLOADING)

4 - finally deploy to heroku

IF YOU'D LIKE TO KNOW HOW A MERN APPLICATION IS DEPLOYED

• Go to nodejs package.json
• add this to your script
• "scripts": { "start": "node index.js", "heroku-postbuild": "cd client && npm install && npm run build" },
• GO TO YOUR CLIENT -> package.json
• and add this before your dependencies "proxy": "http://localhost:5000",