Avixph / google-cloud-portfolio

An example portfolio website

My Portfolio website

👋 Hi! I'm Angel Fernandez. I'm a Junior Web Developer and Cloud Development Fellow from New York City.

The project

Technologies used

I've used the following technologies:

• Google App Engine
• Python
• Flask

The app

The app is a simple website that I built to showcase my skills. It is a single page application that uses the Flask framework. The app is deployed on Google App Engine.

I've set some variables in main.py to make it easier to maintain the app.

The variables are:

• name
• role
• phone
• email
• location

Folder structure

• Templated html files are located in templates/
• App engine configuration is located in app.yaml
• The Flask code is located in main.py
• Images are located in static/images/
• My resume is located in static/static/Angel_B. Fernandez_Resume.pdf

Deployment

• To deploy this app live:

  • From a terminal, with Google Cloud SDK OR from the Google's cloud shell:
    • cd into the portfolio-template/ folder which contains the app.yaml config file (e.g.: cd portfolio-template)
    • Deploy the web app: gcloud app deploy

• To test this app locally:

  • From Google's cloud shell:

    • cd into the portfolio-template/ folder which contains the app.yaml config file
      • e.g.: cd portfolio-template
    • Run the following command to run the web server locally dev_appserver.py app.yaml
    • View the website by clicking on preview on port 8080 (see image below)

  • From your local machine's terminal (your computer), with Python installed:

    • Create a virtual environment:

      python3 -m venv env
      

    • Activate the virtual environment:

      source env/bin/activate
      

    • Install dependencies:

      pip install -r requirements.txt
      

    • Run the app:

      python main.py
      

      The url for the app will be displayed in the terminal (e.g. Running on http://127.0.0.1:5000/).