Production Engineering - Week 1 - HipYaSite

For the hackathon we had to build a portfolio site. The templated site contains a home page with with our education and projects, an about me page and a hobbies page. The hobbies page implements a maps api to display the interesting places that we have been to along with the hobbies done in that specific location.

Tasks

GitHub Tasks

  • Create Issues for each task below
  • Work on each task in a new branch
  • Open a Pull Request when a task is finished to get feedback

Portfolio Tasks

  • Add a photo of yourself to the website
  • Add an "About youself" section to the website.
  • Add your previous work experiences
  • Add your hobbies (including images)
  • Add your current/previous education
  • Add a map of all the cool locations/countries you visited

Flask Tasks

  • Get your Flask app running locally on your machine using the instructions below.
  • Add a template for adding multiple work experiences/education/hobbies using Jinja
  • Create a new page to display hobbies.
  • Add a menu bar that dynamically displays other pages in the app

Challenges we ran into

  • implementing templates with jinja
  • creating the timeline in the home page

What we learned

  • Angel:
    • how to use html/css to create a timeline
    • How to use flask with templates
  • Ashley
    • Using Jinja and Flask.
    • using the open source map api to choose interesting locations.

Built With

  • Python
  • Flask
  • Html/css
  • Javascript

What's next for HipYaSite

  • create a management system to customize the information inside of each page
  • implement dark mode
Share this project:

Updates