MLH Portfolio Template: Team 1

responsive, reusable portfolio template

Comment

Inspiration

Major League Hacking

What it does

A responsive reusable, scalable portfolio template.

How we built it

  • Backend: Flask along with Jinja for templating.
  • Frontend: Bootstrap and CSS for styling, Javascript
  • Google Maps JavaScript API for displaying a map with the locations we visited.

Challenges we ran into

  • For some of the team members, it was their first time using Flask and Jinja. There was definitely a learning curve at first, but we did our best by helping each other and researching online.
  • There was definitely a learning curve at first, but we did our best by helping each other and googling.
  • Google Maps API implementation was tricky to get working
  • Working with Bootstrap for some team members
  • Figuring out web development with Python

Accomplishments that we're proud of

  • We worked well while working remotely. We set up zoom meetings to touch base and resolve blockers.
  • Despite just meeting each other, we worked efficiently to finish the project. We used GitHub effectively, leaving comments on pull requests. We also communicated when we pushed or merged our code.
  • Making everything work smoothly!
  • Making the portfolio reusable and responsive
  • Adding CSS and Javascript to make things work
  • Using templating with Jinja and routing with Flask to generate things dynamically and make our code DRY
  • Using GitHub is effectively creating issues, branches, and pull requests for each required task
  • Collaborating as a team by pair-programming, reviewing, and approving each other’s code.

What we learned

  • How to create and locally deploy a Flask app in Python
  • How to use Bootstrap with HTML and CSS to create a responsive design on each page
  • Using Jinja to create dynamic content for websites and serving data from Python data structures
  • Incorporating the Google Maps API into the profile page to customize markers for specific coordinates
  • Collaboration on GitHub!

What's next for MLH Portfolio Template: Team 1

  • We would like to create a database to store our individualized information so it doesn't take up extra space in our application and will be scalable for the future.
  • Add more personalized styling and it would allow us to show off our own personalities.
  • Add accessibility- A11y.
  • Please let us know of any improvements that we could make.
Share this project:

Updates