OceanGuard raises awareness about ocean pollution by teaching people how everyday actions and solutions affect the ocean and provides simple ways to reduce waste and help protect marine life.
Our inspiration for OceanGuard came from the growing problems of ocean pollution and the harm it causes to marine life. We wanted to create a website that spreads awareness and encourages people to protect the ocean, protect the marine life, and take action today.
OceanGuard brings awareness to ocean pollution through a variety of informational texts and interactive items. Our ocean map with pollution hotspots, our quiz, and our game at the end all use interactive items to keep our users entertained with our website, while also learning about ocean pollution. Our endangered animals page and our stats and facts page gives users informational text on ocean awareness to ensure that while they have fun on our website, they also learn about actions they can take today.
To create the front-end of our website, we used Replit to create our desired website using AI. We gave the formatting, the designing, and all the information we wanted to Replit, and it created our rough draft website using AI. To create the back-end of our website, we used React to type out our code and create our official website, based off the website Replit helped us create.
The biggest challenge we ran into was typing out the code for the back-end of the website because if one line of code was typed out wrong, deleted, or added by mistake, everything would be ruined and it would take us a while to find out the problem and create a solution to it.
The biggest accomplishment we are proud of is starting to create a working website with functional texts, buttons, and interactive items.
We learned that although websites look very cool on the outside, the interior work of it is really difficult and needs more focus than you could ever have. Adding onto this, we learned that it is important to take it slow and steady, because as we typed out code and worked on all the versions of our website, we ran into many problems and had to slow down and realize what was wrong so we could work towards it.
To continue our 2026 Hackathon Project, we will continue to build our website by ourselves using line by line of code until we can recreate the website we got with the help of Replit.
Log in or sign up for Devpost to join the conversation.