Short Explanation

There are about 5.25 trillion pieces of plastic in our oceans. This damages marine life.

This platform supports the #TeamSeas initiative by MrBeast and Mark Rober. #TeamSeas works with Ocean Conservancy to remove millions of pounds of plastic from beaches worldwide.

We built #SeasForUs to help people find and join cleanup events in their area. Users can browse events near them, join, and help clean up local beaches. After participating, they can post about their experience on the activity board.

We also added a leaderboard to encourage participation by ranking how many events users have attended.

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 with filters
• Join events
• Post activity after clean-up
• Leaderboard

Framework & Dependencies

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

Lesson Learned

This was my first hackathon. I learned how to build APIs using Auth0 as middleware and how to use S3 AWS in a Laravel project.

What challenges did we encounter? How did we respond?

We used Auth0 for the first time. Auth0 recommends using Node.js with the frontend, but we tried using Laravel as our backend. We ran into some issues but got it working. Auth0 was easy to use with Google OAuth integration.

Appreciation Section

We won 2 categories:

• Sustainability: Runner Up
• Best Use of Auth0

We won a $150 cash prize and some swag. This was 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.