ACG Projects: Build Your Resume on Azure with Blob Storage, Functions, CosmosDB, and GitHub Actions

In this ACG Project, Gwyn guides you through building your own resume integrated into GitHub and hosted on Microsoft Azure with Blob Storage, Azure Functions and CosmosDB. You'll be creating your own webpage with HTML and CSS, developing a CI/CD workflow with GitHub, and finally, deploying a static web app with a serverless database.

ACG Projects is a series from A Cloud Guru. Designed to complete in a weekend, each project is a self-contained, hands-on activity that involves building something cool using cloud services.
--
Timestamps:
0:00 Intro
00:36 - What we're building
3:53 - Building the frontend
10:39 - Editing the static web app
25:29 - Building the backend
30:26 - Azure Functions
48:31 - Deploying to Azure
1:05:15 - Building a CI/CD pipeline
1:16:27 - Testing your code
--
Resources:

Front-end resources
The front-end is a static site with HTML, CSS, and JavaScript. The visitor counter data is via an Azure Function API call.

Back-end resources
The back-end is an HTTP triggered Azure Functions with Cosmos DB input and output binding. The Function is triggered, it retrieves the CosmosDB item, add +1 to it, and saves it and returns its value to the caller.

Testing Resources

CI/CD Resources

Follow us on Twitter and Facebook!

#azure #microsoftazure #onlineresume #project

[siddharthmehta]

I would re-iterate that this is by far the most useful do-able Project. I just completed deploying my website (on GCP though!) using the instructions and it is so empowering to be on the web by developing something by ourselves and learning so many technologies. thank you thank you thank you so much :)

[gavinpaultech]

This was fantastic. This guide was easy to follow yet challenging enough that I had to find solutions and do research to resolve some of the content that has changed and updated since this video came out. Thank you!

[ezg]

Its almost 3 am after hours of troubleshooting and going through a ton of forums everything finally works thanks for the amazing video.

[frogwater]

Oh the timing couldn't be more perfect! Just what I needed. Thank you Gweyn and ACloud Guru!

[watchepa]

I just spent the weekend going through this and loved it! So clear and learnt so much along the way. Thank you Gwyn!

[teesec]

just completed th is project todayand i would like to say a very big thank you to you for putting this togher it s giving me a broader view on devops and cloud enginering

[dipeshjadhav]

Weekend spent well, totally fell in love with the way of teaching

[siddharthmehta]

Superb video, so nicely explained. I’m attempting the same in GCP and most of the stuff is still valid. Can’t thank you enough for this!

[Xoi]

Thank you so much for putting out content like this! It was a challenging and exciting project. I feel better equipped to continue along my cloud journey.😃

[booluinji]

Just finished this project today. Awsome stuff!

[cellvin]

Very good tutorial to get understanding of Azure Cloud as beginner. Although some guide no longer works, it need to troubleshooting. :) which also this tutorial is being 3 years ago. Today year 2024 it still works. Thanks for the good tutorial/challenge.

[johnbinelli]

I learned so much from this video. Thanks Gwyn!

[ramr]

Good Tutorial. Learnt Many awesome things from this. Do more projects like this.

[rabbilbhuiyan]

Excellent! Very useful resources to learn most of the azure services by doing in a single package. Thank you very much and appreciate for such wonderful hands-on video materials.

[SurajYadav-xjyf]

just done with this got a lot to learn. thank you for taking time to do this project with every single steps explained in simple way have been looking for some projects to build on Azure

[HyperTeve]

Is it possible to make a newer version? I know a lot of us couldn’t follow along all the way

[rkwongmusic]

This is one of the best tech tutorials I've watched on YouTube. THANK YOU!

[LiquidZero]

If anyone is stuck on adding the cosmos DB part to your VS Code do: dotnet add package Microsoft.Azure.Cosmos and then dotnet build

the nuget command wasn't enough by itself. Maybe some things changed since this came out a year ago.

[shahanariaz]

I am doing this project and got stuck in Azure Functions. I want to know in VS side pane in azure where is this Functions come from and under Functions where is this local project(api) folder come from. i need help

[hoptop]

It took a couple of days but I finally completed this. I ran into a ton of issues but was able to work it out by going through the MS docs and documenting the solutions in the readme. Now on to the next project.