In 2024 it was time for a portfolio refresh. I built my 2021 portfolio as a static site using only HTML and CSS. For the new portfolio I still manually coded the HTML and CSS but this site is dynamically generated using Python and Flask.
I know my portfolio could easily be a static site but I wanted to practice building a Flask app. Also I enjoy adding the portfolio projects by just adding another project dictionary to the data list.
projects = [
{
"image": "/static/images/let-do-brunch-title-768x526.png",
"name": "Let's Do Brunch!",
"techs": ["python", "flask", "css", "bootstrap", "html", "sql"],
"description": "This is my final project from the popular Harvard CS50 course taught by David Malan. It is a full stack app with sqlite database. The app allows users to plan a brunch and hopefully prevent too many people from bringing doughnuts.",
"live": "https://heidi37.pythonanywhere.com/",
"repo": "https://github.com/heidi37/cs50-final-project",
"featured": True
},
I also wrote a little bit of JavaScript and included the Bootstrap library to expedite the building of some components like the top navigation.
In this newer version on my portfolio I am featuring more applications that are dynamic. Some utilize databases while others pull data from API's.
- Clone Repo to your machine
- Navigate into cloned repo
- Create a virtual envionment
python3 -m venv venv
- Activate virtual environment
source venv/bin/activate
(After activation, your terminal prompt should change to show the virtual environment’s name, e.g., (venv))
- Install dependencies
pip install -r requirements.txt
- Run the application locally
python3 app.py
- When you are done working in the virtual environment deactivate it using the command:
deactivate