Inspiration

We came up with the name for our pod mascot through a group brainstorming session on Github, where we selected various cartoon characters and eventually settled with Olaf. Then, to rhyme with "Olaf", we picked "Open-Source" as the adjective and voilà – we got our name, "Open-Source Olaf".

What it does

This site that we built contains 3 different sections – the team section, which has a list of all the members of the pod along with their profile pictures and social media handles; the projects section, which showcases the projects that we have done in the past; and the contact section, which has our email and phone number for others to contact us. Each of the sections has an anchor tag that can be navigated to using the links in the navbar, and with the smooth-scrolling feature, we are able to do that in a smooth-scrolling manner instead of a jarring way. We also implemented persistent dark mode, which means that you can choose the theme of the site and it stays the same way even when you visit it again later on.

How we built it

We built the site in Next.js and React.js for 2 reasons:

We wanted it to be fast and high-performance
We wanted to learn a new frontend framework

We also utilized the Next-Themes library for the dark mode, which was super handy.

Challenges we ran into

Since it was our first time using Next.js, it took us a while to understand how everything works so we ended up spending 2 whole days building this simple site.