Cloud Resume Challenge

Gwyneth Pena-Siguenza an Associate Community Training Architect at A Cloud Guru recently initiated the #CloudGuruChallenge with a unique twist: Your resume in Azure.

The challenge encourages participants to create an online version of their resume using Azure, aiming to enhance their cloud skills. Gwyneth provides further insights into the challenge on her YouTube channel.

Accepting this challenge was an opportunity for me to strengthen my Azure expertise. Engaging in a hands-on project is an effective way to learn, as it often presents real-world problems that require a deeper understanding of the technology, leading to a more comprehensive skill set.

Embarking on GitHub: Creating and Storing Your Project

At the conclusion of this project, my goal is to automatically deploy website updates to Azure. To facilitate this, I’ve taken the following steps:

1. GitHub Repository Creation:

   • I created a new repository on GitHub to house all the project artifacts. This repository serves as a central location for version control, collaboration, and documentation.

   • You can find the repository here: kaustubh93-dev/azure-resume-challenge

2. Cloning the Repository:

   • After setting up the repository, I cloned it to my local laptop. Cloning allows me to work on the project locally, make changes, and then push those changes back to the remote repository on GitHub.

Challenges faced in this section.

What is GitHub, Repo, Commit, Branch, Clone, Markdown, Merge? So, I referred below to link in order to over the challenges I faced.

Crafting Your Website: Building and Customizing

Following Gwen’s advice in the announcement post, I copied this free resume template to a folder named frontend in my project repo. I customized the html text to put some information about myself, certifications, and previous experience.

You can use any online editor Code tool for example Code Sandbox; however, I have used Visual Studio code for my project.

I started my journey with programming languages like HTML, CSS, and JavaScript without any prior knowledge. To gain proficiency, I diligently completed various online courses on platforms like YouTube and Codecademy. These newfound skills proved invaluable when I customized the template to suit my preferences.

Challenges faced in this section.

• How visual studio code works!

Creating the Azure Resources

I utilized Azure Storage to host a static website, which includes HTML, CSS, and JavaScript, directly from a storage container. The advantage of using Azure Storage for this purpose is that it eliminates the need for a web server to display the content.

Azure has introduced a new service called Azure Static Web Apps, which is designed to automatically build and deploy full-stack web applications from a code repository. Although this service is ideally suited for this project, it is currently in public preview. Therefore, exploring this service will be a future project.

I used the Azure CLI to create a resource group and a storage account. Within the storage account, I activated the static website hosting feature and uploaded the website content. Finally, I obtained the default website URL to confirm that the site is loading correctly.

I wrote a PowerShell script to deploy the resources. You can view the script in the project repo.

Deploying the Website

As part of the build script, I uploaded the website files from my local system to the $web container in the storage account. The script ends with displaying the default URL for the website in the storage account. You can view my site so far here.

Viewing Azure static website using default URL

Bonus tip: You can use inbuild feature of Visual Studio code to Deploy to static website via Azure Storage.