/Azure_Resume_Website

Personnel resume website being hosted on entirely on Azure

Primary LanguageCSSMIT LicenseMIT

Azure Hosted Resume Website

Summary

Personal resume website being hosted completely on Azure. This is part of the Azure Resume Challenge, where the goal is to create a 100% Azure-hosted version of your resume.

View it live here

A summary of it is a static site deployed to Blob Storage. That static site also fetches a visitor count from a Azure Function API to show a visitor count. That Azure Function API retrieves data from a Azure Cosmos DB and passes the count of visitors in the database. Lastly, Github Actions is used to create a CI/CD pipeline to deploy all changes to the front-end and/or back-end in Azure automatically.

Diagram

Resources

The front-end is a static site being hosted with Azure Blob Storage. Here are some of the resources I used.

Then create a Azure CDN endpoint

The website then uses Javascript to make a API call That API is a Azure Function, a HTTP triggered Azure Function. It has a Cosmos DB input and output binding to retrieve visitor count and update it to the new count.

func host start --cors *

Lastly, the Github actions that create a CI/CD pipeline with Azure so any changes to the code is automatically updated in Azure