Inspiration
While the purpose of the website is very simply a design mockup, it also doubles as an analogy to a coder's journey. Every coder starts from "hello world" and chooses his/her/their own path into the unknown future.
How we built it
This website was written in HTML, with styling aspects done with CSS. I made use of Bootstrap to adapt the website for mobile viewers and make use of transitions that add to the user experience.
Challenges we ran into
It has been at least half a year since I touched HTML, CSS, and JS. I actually adapted this project from another project that I completed previously. Much of my difficulty lied in refamiliarizing myself with the different components and features of the languages to create this mockup within the time limit. That aside, I did spend a good amount of time trying to figure out why my navigation bar was not transitioning from a transparent to opaque background when I scrolled. It turns out that I forgot to include my scripts...
What I learned
While I didn't necessarily learn anything new in regards HTML, CSS, and JS, I did learn that if things don't come out the way you expect, you probably forgot a line of code somewhere.
Log in or sign up for Devpost to join the conversation.