Inspiration
The inspiration for this site came from the several different parallax websites I've seen online.
What it does
This is a unique website that immerses the user in a parallax experience while simultaneously educating them on different nonprofit organizations that support marine life preservation.
How we built it
This website mixes CSS, HTML, and JavaScript. CSS was used for the style aspect of the website. HTML was used to actual format everything, and JavaScript was used mainly to assist with the animations.
Challenges we ran into
Originally this website was supposed to contain a game element. The user would have the option to either play a game or read more about nonprofit organizations. Unfortunately, the game was created on PyGame and there was vast difficulty converting it into JavaScript and CSS. We then decided to opp for having the user instead download a .exe of the game to play it, but the conversion to that also was unsuccessful. This ultimately led to the game portion of the website being scrapped.
Accomplishments that we're proud of
I am proud of the fact that we were successfully able to simulate a parallax-style website.
What we learned
I was able to gain some more hands-on experience with front-end programming. I learned how to add animations into a website as well as many other design elements to a website.
What's next for Sea Change
Sea Change will definitely expand on the parallax elements to make for an even more visually appealing experience as well as add other options for the user to view in relation to sea life. Possibly a page that generates a random sea animal at every click and gives a description on them.
Log in or sign up for Devpost to join the conversation.