Pod Portfolio (Pod-3.1.0 - Recursive Rhinos)

Team 2 - Alexander, Ola, Sanjali, Shubham

Comment

What it does

Adding social icons in the footer (Pull Request#10 - https://github.com/MLH-Fellowship/pod-3.1.0-portfolio/pull/10): We have added a footer in the pod portfolio that contains links to various social media. Users can easily customize the links with their respective social media links in the social_media.yml file. It allows users to quickly change the links without having to look at the HTML code. We have used templating to parse the data from the YAML file. Thus, we have written a clean code by shortening it significantly. P.S. HTML is only 5-10 lines!

Added dark mode toggler (Pull Request#18 - https://github.com/MLH-Fellowship/pod-3.1.0-portfolio/pull/18): We have added a dark-mode toggler button in the navbar. This button allows users to change the theme of the webpage from light to dark and vice-versa. Further, we have also added a feature that remembers the last theme selected by the users. In other words, if you close the website at dark mode, you'll find the dark mode already enabled when you visit the site again. We are using user's localStorage to store their preferences, and DOM manipulation to apply/remove dark mode on the portfolio website.

Fixed bug in social media icons + added instructions to customize the links in readme + Fixed overflowing of the website in mobile view + Improved some styling (Pull Request#22 - https://github.com/MLH-Fellowship/pod-3.1.0-portfolio/pull/22): Under this pull request, we have done multiple tasks that include -

  1. Fixing a bug in the social media icons that occurred due to a missed double quotation (") mark.
  2. Adding instructions on how to customize the social media icons in the readme file.
  3. Fixing the overflow of the website in mobile view.
  4. Centering the pod title in mobile view.
  5. Centering the "submit" button in the contact form.
  6. Adding dark mode for the pod member cards.
  7. Removed some commented code that was left by other teams. This task was picked by us voluntarily.

Fixing additional lines that were committed (Pull Request#13 - https://github.com/MLH-Fellowship/pod-3.1.0-portfolio/pull/13): This PR was more of a fix rather than a feature.

How we built it

We used JavaScript, Jinja, HTML, SCSS, YAML to build our features.

Challenges we ran into

There were some major merge conflicts while pushing the code, but our team worked on it to fix it asap.

Accomplishments that we're proud of

  1. Added dark mode that remembers the user's last preference.
  2. We got 4 PRs merged.

What we learned

  1. Styling, SCSS
  2. Parsing data from YAML to HTML.

What's next for Pod Portfolio (Pod-3.1.0 - Recursive Rhinos)

  1. Brainstorming ideas for future projects and working on them.

Built With

Share this project:

Updates