As an effort to showcase a fraction of my life in a creative way, I have created this portfolio website. This website presents my career goals, my experience up until this point, Mini Comics that I have created in my spare time, and so much more! Not only was this website a great opportunity to share select aspects of my life, but it was also a good opportunity to enhance my web development skills since I incorporated tools like HTML, CSS, and Google Cloud.
portfolio-website/
|-- func/ # additional Python file(s) to distribute functionality
|-- static/
| |-- img/ # images
| |-- js/ # JS files
| |-- styles/ # CSS files
|-- templates/ # HTML files
|-- .gitignore # stuff to be ignored when committing
|-- app.py # Python file containing Flask app
|-- Dockerfile # defines how to containerize app when deploying
|-- README.md # documentation
|-- requirements.txt # dependencies
- Brainstormed the key components of the website
- Used Flask to set up the routing for each of the pages
- Used HTML, CSS, and Bootstrap to design the structure and styling of each page
- Used JavaScript to help with animations and event handling
- Set up a project in Google Cloud and used the Cloud Run service to containerize and deploy the website
- Mapped a domain to the hosted website using Google Domains
- Set up continuous deployment using the Cloud Build service in Google Cloud
- Set up a detailed monitoring system with Google Analytics
NOTE: Links to external resources that were helpful with development can be found in select files. They may come in handy for future projects.