Code Repository and Deployment

How to set up Code Repository?

Note: For Backend Developer working on Apps Script, they do not need to use Code Repository. They can share the link to Google Drive files in the task submission form.

Step 1: Create a GitHub account

Create a GitHub account! You will have access to the free hosting or any other awesome features GitHub has to offer with one.
Download and install the GitHub Desktop app
- Download GitHub Desktop for macOS
- Download GitHub Desktop for Windows
Open the downloaded application file and continue through the installation process as required with your computer’s operating system.

Step 2: Create a new GitHub project

- Open up the GitHub Desktop app and click the “Create New Repository”/file->new repository button.
- Fill in the repository name input.
- Provide the local path.
  - The “Local Path” text input is where your repository will live on your computer; this is not where your website files currently reside on your computer’s hard drive. GitHub Desktop needs to create a new, empty folder.
Click the “Create Repository” button.

Step 3: Copy your files to the new Repository folder

- Now copy everything in your working folder into your GitHub Repository folder.
- The GitHub Desktop app should now look something like this: refer screenshot
- Commit all files.

Step 4: Publish your repository

- Click Publish your repository to GitHub.
  - By publishing it on GitHub you can share it, and collaborate with others.
- You will see your project listed in GitHub dashboard.

You can share the repository link with us for code review.

References:

https://www.geeksforgeeks.org/how-to-upload-a-project-through-github-desktop-on-github/

https://kbroman.org/github_tutorial/pages/init.html

https://www.digitalocean.com/community/tutorials/how-to-push-an-existing-project-to-github

Where to deploy the Code?

You can host your website anywhere like Github, Stackblitz, Firebase etc. Before hosting your project you must have tested it and make it error-free.

Provide the published host URLwith us to review the website,

Here is an example method to deploy your website on Github.

note: You are free to host anywhere.

For publishing html/js

Click the Settings tab on top right of the screen

You'll find GitHub Pages if you keep scrolling down the page.

The Source is probably set as None, so change it to the default branch (master or main depending on when the repository was created) and then click the button Save to display the URL.

This is the end of the procedure to publish your webpage to the internet. Now anybody can access the webpage you made with the URL!

For publishing angular projects

Make sure that you created the github repo and pushed the latest code.
Install github pages tool for angular by using, npm install -g angular-cli-ghpages .
Here deploying code in github pages is quite easy, Just need to make sure one thing, when you build your code, use--base-href tag. Build command here will be ng build --prod --base-href https://<username>.github.io/<reponame>/ .
Run angular-cli-ghpages -d dist/<project-name>/ --no-silent to deploy your project. -d tag take the location for build stored, in dist file.
This command will create a new branch gh-pages in your repository and automatically push the dist build in that branch.
Just navigate to https://<username>.github.io/<reponame>/