Yoga School Website Deployment

In this project, we have deployed a Yoga School Website on Azure Portal using GitHub as our version control system. We have also added a GitHub page to the project. This documentation will guide you through the process of deploying the website on Azure and adding the GitHub page.

Deployment

This project is deployed on github pages and azure static web app

• Github pages Deployment
• Azure Static web App Deployment

Primary Azure Technology Used

• Azure Static Web App
• Azure Bot Service
• Language Cognitive Service

Other Technologies

• HTML
• CSS
• Bootstrap
• Javascript

Project Overview

The goal of this project is to deploy a Yoga School Website on Azure Portal using GitHub as our version control system. Azure is a cloud computing platform that allows us to host and deploy our website on the internet. GitHub is a web-based platform for version control and collaboration that enables developers to store and manage their code repositories. We will use GitHub to store and manage the code for our website and then deploy it on Azure.

Prerequisites

Before starting the deployment process, make sure that you have the following:

• Azure Portal account
• GitHub account
• Visual Studio Code or any other code editor

Deployment Steps

The deployment process consists of the following steps:

1. Create a New Repository on GitHub

The first step is to create a new repository on GitHub. To do this, follow these steps:

1. Log in to your GitHub account.
2. Click on the "+" icon in the top right corner of the screen.
3. Select "New repository" from the dropdown menu.
4. Give your repository a name and select "Public" or "Private" based on your preference.
5. Click on the "Create repository" button.

2. Clone the Repository to Your Local Machine

The next step is to clone the repository to your local machine. To do this, follow these steps:

1. Open Visual Studio Code.
2. Click on the "View" menu and select "Command Palette".
3. Type "Git: Clone" in the search bar and press Enter.
4. Enter the URL of your GitHub repository and select a folder to clone the repository to.
5. Click on the "Clone" button.

3. Create the Yoga School Website

The next step is to create the Yoga School Website. To do this, follow these steps:

1. Create a new HTML file in your code editor.
2. Write the HTML code for your website.
3. Save the file with a .html extension in the root folder of your repository.

4. Commit and Push the Code to GitHub

The next step is to commit and push the code to GitHub. To do this, follow these steps:

1. Open Visual Studio Code.
2. Click on the "Source Control" icon in the left sidebar.
3. Click on the "+" icon to stage your changes.
4. Enter a commit message and click on the checkmark to commit your changes.
5. Click on the "..." icon and select "Push" to push your changes to GitHub.

5. Deploy the Website on Azure

The final step is to deploy the website on Azure. To do this, follow these steps:

1. Log in to your Azure Portal account.
2. Click on the "+ Create a resource" button.
3. Search for "Web App" and select it from the list.
4. Give your Web App a name and select a subscription, resource group, and runtime stack.
5. Click on the "Review + create" button and then click on the "Create" button.
6. Once the Web App is created, click on the "Deployment Center" tab.
7. Select "GitHub" as the source and connect to your GitHub repository.
8. Select the branch you want to deploy and click on the "Continue" button.
9. Configure the deployment options and click on the "Finish" button.
10. Wait for deployment and then go to resource and copy link of deployment
11. Run the link in browser.

Authors

• @devanshkasaudhan