Creating a Portfolio Builder and Deploying it with Google Cloud

Meeth Kumar Shah
Google Cloud - Community
4 min readOct 22, 2023

This blog and its implementation draw inspiration from the ‘Deploy a Node.js Service to Cloud Run’ tutorial, with the author’s unique twists and modifications along the way.

Overview

The goal of this implementation is to build Portfolio Builder with Cloud Run offered by Google Cloud.

  1. Cloud Run to deploy and scale containers, that can contain any language, runtime or library.
  2. Google Artifact Registry to store, manage, and deploy Docker container images.

What are we building?

  1. This workshop guides in building a portfolio and ATS friendly Resume Template with Google Cloud Services.
  2. Portfolio Creation: You will create a digital portfolio to showcase your work, projects, and skills.

3. Resume Template: Design an Applicant Tracking System (ATS) friendly resume template. ATS software is commonly used by employers to manage job applications, so optimizing your resume for this is crucial.

4. Google Cloud Services: Utilize Google Cloud Services to support and host portfolio and resume template.

Enhance Your Profile Through Portfolio Development.
Optimized Resume Templates for Applicant Tracking Systems (ATS) and Resume Scoring Analysis.

Setup and Requirements

  1. Sign up or Sign into your Google Cloud account and create a new project. After creating your project, note your project ID to further use.
  2. Start your cloud shell which creates a command line environment in Google Cloud.
  3. Please use the search bar to find the Cloud Run API, and then proceed to enable it.

Activate Google Cloud

Ensure that your Google Cloud account is active and properly configured.

Clone GitHub Repository

In your home directory, use the git command to clone your repository from GitHub.

git clone https://github.com/saikrishna488/portfolioBuilder.git

Install Dependencies



# Go to the backend directory
cd portfolioBuilder/
cd backend/
npm install

Deploy to Google Cloud Run

Use the gcloud run deploy command to initiate the deployment process.

   gcloud run deploy --port=5000

> Select the region as ‘us-central1.’

> Copy the deployed URL for future use.

Follow the required steps to integrate with the backend.

Navigate back to the main directory:

cd ..
cd portfolio-frontend/
nano .env.local

> Replace the URL with the deployed backend URL.

  1. Replace the URL with the deployed backend URL. Save the changes by pressing ctrl+O, then Enter, and exit by pressing ctrl+X.

Click on the deployed URL and create your own portfolio website.

Provide Details

During the deployment, Google Cloud Run may prompt you for various details. Follow the on-screen instructions, which could include specifying the deployment region and other configuration settings.

Set the App Starting Directory

When asked for the app starting directory, specify ‘/backend’ for the backend service and ‘/frontend’ for the frontend service.

Service Name

  • Assign ‘backend’ as the service name for your backend application.
  • Assign ‘Frontend’ as the service name for your frontend application.

Select Deployment Region

Choose the region where you want to deploy your services. In your case, you selected the ‘southeast’ region.

Allow Traffic

When prompted, confirm that you want to allow traffic to your services by entering ‘yes’ or a similar affirmative response.

Deployment and URL

  • Once the deployment process is complete, you will receive URL, allowing you to access your applications in the cloud.

These are the general steps, and the specific commands may vary based on your project structure and configuration. Be sure to replace the GitHub repository URL with the actual URL of your repository and adapt the npm install and gcloud run deploy commands as needed for your specific setup.

Summary

In summary, we have successfully Build Portfolio Website using Google Cloud. Throughout the deployment process, we leveraged several Google Cloud services to facilitate this deployment.

  • Google Cloud Run: Used for deploying containerized applications in a serverless environment.
  • Google Cloud Services: While not explicitly mentioned, various Google Cloud services are typically used in conjunction with Google Cloud Run for tasks like data storage, authentication, and more.

These services combined to provide the infrastructure and functionality required for hosting our Node.js application in the cloud, ensuring a seamless and efficient deployment process.

--

--

Meeth Kumar Shah
Google Cloud - Community

I am a Google Cloud Enthusiast, Google Crowdsource Influencer.