MLH Portfolio Project

Building on top of the template provided, our team collaborated to develop multiple additional interactive features for the portfolio site.

Comment

Inspiration

In terms of design language and functionality, what inspired us was the MLH Brand Guidelines. These brand guidelines served to give my team an idea of what each added feature was supposed to comprise of visually, along with how we should incorporate it into the project in order to present a consistent design language throughout the project.

What it does

Our team was able to incorporate nine features:

  • Seamless usability and easier viewing on mobile devices
  • Added Google Analytics support for a more on-depth analysis of website data
  • Added a functional contact section form in the footer
  • Added biography section for a deeper in-depth description of the creator
  • Added dark-mode compatibility for easier viewing
  • Added navigation links within the header
  • Added a resume download button
  • Added social media links in footer
  • Configured project cards to display a modal overlay for easier viewing

How we built it

We were able to achieve the incorporation of nine new features through the use of GitHub as our version-control system by utilizing branches to divide each feature into separate workspaces. We then incorporated each feature into the master repository once everything looked good. The tech stack included Jekyll, Ruby, HTML, JavaScript, and YAML.

Challenges we ran into

Some of the challenges that we ran into were communication-related, as members of our team were to work around different time zones and workflows. Within a couple of days, we were able to incorporate a daily workflow that worked great between our difference in time zones. Additionally some merge conflicts were present during our completion of some features, however they were easily overcome through additional code reviews and pair programming.

Accomplishments that we're proud of

We are proud of the fact that we were able to complete this project with the functionalities that we intended, along with keeping the design language consistent with the MLH Brand Guidelines.

What we learned

We learned a lot about managing a project efficiently with different members who were in different timezones, along with more technical aspects including Jekyll and Ruby, which involved us to learn how to set up such technologies in order to get the project running locally for us.

What's next for MLH Portfolio Project

We hope this project serves as a backbone for beginner programmers and professionals looking to display their resume in a different visual manner, all while incorporating a seamless access to their resume through our added resume feature.

Built With

Share this project:

Updates