Tech stack

Frontend

• Vue
• Vuex
• Bootstrap 5

Backend

• go
• gin
• MongoDB
• Google cloud engine

Others

• Github actions

Amazing tutorials which I used:

Backend

• Webserver with gin
• Fixing CORS problems
• Golang with MongoDB
• MongoDB autoincrementing id
• Which Google Cloud service should you choose?
• Uploading go project to Google cloud app engine

Frontend

• Vue 3
• Bootstrap
• Setup github actions
• Environment variables

Tips

• Remember to set correct ip for mongo atlas
• Set environment for secrets in github actions
• Github actions allows you to run workflow only when file in path is changed in a single branch, a lot of nice control.

Story

I really wanted to try having at least one cloud hosted project, so I challenged myself to make this in a single day. Unfortunately, it took 2 days to finish. However, I learnt a lot since it was the first time I ever used golang/MongoDB/google cloud/github actions in a new project. Also Bootstrap 5 was quite cool.