This project is part of the Cloud Resume Challenge (Azure Version). It provides a foundation for creating a personal resume website leveraging Azure services. The website is hosted on Azure Storage Static Web with Azure Front Door for CDN, and includes a visitor counter using Azure Functions and Cosmos DB. In the end, repo interact with GitHub Actions for CI/CD.
.
├── frontend/
│ ├── index.html
│ ├── css/
│ ├── js/
│ └── images/
├── backend/
│ └── api/
└── README.md
- Static HTML/CSS/JavaScript frontend
- Visitor counter using Azure Functions and Cosmos DB
- Responsive design
- CI/CD with GitHub Actions (optional)
- GitHub account
- Azure account
- Azure CLI
- Azure Functions Core Tools
- Visual Studio Code
- Visual Studio Code Extensions:
- Clone this repository
- Set up Azure resources:
- Create a Cosmos DB account
- Create an Azure Function App
- Update the frontend:
- Modify
index.html
with your personal information - Update the
functionApi
variable inmain.js
with your Azure Function URL
- Modify
- Deploy the frontend to Azure Blob Storage
- Deploy the backend Azure Function
- Set up GitHub Actions for CI/CD (optional)
- Run the backend:
cd backend/api func start
For more detailed instructions and resources, refer to the following sections in the README_copy.md file:
When using GitHub Actions, please be aware of the resource groups for each service. If your services are in different resource groups, you need to set up the environment variables in GitHub Actions accordingly.
Make sure to:
- Review your Azure resource structure
- Update your GitHub Secrets with the appropriate resource group names
- Modify your workflow files to use the correct resource group variables
This project is open source and available under the MIT License.