Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/saifrehman99/green-points


https://github.com/saifrehman99/green-points

axios chakra-ui css3 express flex google google-maps google-maps-api mognodb mongoose netlify nodejs react-moment reactjs spa

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README

        

# Green-Points

Green Points is a Full Stack Application with google-maps integration.

On the client side, we are using ReactJS
On the server side, we are using NodeJs, ExpressJs, MongoDB








# DEPLOY PROCESS

## SERVER


1. Go the .env.example file and change it to .env and add your **MONGO_DB_URI**
2. No go over **HEROKU** and create a new instance
3. After creating instance, follow the instruction mentioned there and your server will be deployed


`cd server/` \
`heroku git:clone -a YOUR_INSTANCE_NAME_HERE`

`git init` \
`git add .` \
`git commit -m "server upload"` \
`git push heroku master`

4. Now clone the client side and update the **SERVER_URL** from localhost to deployed heroku link.
5. **BOOM!!** Your server side has been deployed successfully.

## CLIENT

1. Go the .env.example file and change it to .env and add your **GOOGLE_MAP_API_KEY**
2. No on the terminal, run `cd client && npm run build`
3. Head over to Netlify.com and Drag your **build** folder in order to deploy.
4. Move to Site Settings and update the **Environment Variables**
5. **BOOM!!** Your client side has been deployed successfully