Short Explanation

There are 5.25 trillion pieces of plastic waste estimated to be in our oceans. 269,000 tons float, and 4 billion microfibers per km² dwell below the surface. This alarming number of pieces of plastic damages the marine life in our ocean.

This platform will help the #TeamSeas initiative started by Mr. Beast and Mark Rober, to be the most-impactful cleanup project of all time. #TeamSeas will work with Ocean Conservancy and its partners to remove millions of pounds of plastic and trash from beaches all around the world. They’ll also send professional crews to clean up some of the most iconic, vulnerable ocean spaces.

With this already awesome initiative, we create the #SeasForUs platform that will speed up the process of finding clean-up events in your local area. We want it to be as easy as possible for people to contribute and help #TeamSeas clean up coastal areas.

You can start by looking at cleanup events in your local area, and join them. You will directly help at your local beaches to clean up all the trash that we can pick up during the time of the event. Then, you can post your activity to the post-board so you can share your moments of contribution to the community.

To help you spark up the motivation to come and clean up the events, we also provide a Leaderboard that will rank how many events you've been attending.

Project Goals

This project aims to create a space so people all over the world can join clean-up events based on their nearest beach. This website has several functionalities which are:

• Authentication using Auth0
• Browse events and provide a filter to help them find one
• Join the event
• Post an activity after they did the clean-up
• Leaderboard to spark up motivation

Framework & Dependencies

• Next JS with TailwindCSS and TypeScript
• Laravel
• Auth0 Authentication
• AWS Amazon S3 Storage
• Docker
• Nginx
• MySQL

Lesson Learned

This is my first time joining a hackathon. I learned a lot when I made the Seasforus application. I learn a lot about how to make API using Auth0 as middleware, I also learn how to use S3 AWS in the Laravel project.

What challenges did we encounter? How did we respond?

This is the first time we are using Auth0 as the authentication provider. Although Auth0 recommends using the same framework with the front end, which is using Node.js, we tried to use Laravel as our back-end framework. We have some hiccups along the way but it is solved and works really great. Auth0 is fairly simple to use with awesome integration with Google OAuth. It is painless and really robust.

Appreciation Section

We actually won 2 categories which are

• Sustainability: Runner Up
• Best Use of Auth0

We won a $150 cash prize and some swags 🤑. This is actually my first time winning a hackathon, and I'm really happy about it.

Before closing this article, I would like to thank all members of the #TeamSeas namely Clarence, Rizqi, and Zhafran who have worked with me for about 1 week to make Seasforus. I hope we can continue this collaboration to develop Seasforus in the future.