EcoBounty | Devpost

Landing Page
Create A Bounty Page

Inspiration

We were inspired by Earth Day events, where students often participate in walks to clean up trash from roads and parks. We wanted to capture the same spirit of community action and make it easier for anyone to contribute to local good causes while also creating rewards & incentives.

What it does

EcoBounty is a platform where people can crowd-fund community-based tasks. Think of it as a GoFundMe, but specifically for actionable, local projects that make a positive impact. Users can create campaigns for initiatives such as:

Cleaning up trash in parks or streets
Planting trees or community gardens
Helping find missing pets

How we built it

We built EcoBounty using React, Material-UI and TailwindCSS for the front-end. We used Node.js and Prisma ORM for database management and Supabase for PostgreSQL database hosting. We also used a JWT-based system to authenticate user requests.

Challenges we ran into

Initially, we started building the UI with TailwindCSS and developed some components and pages. However, we later realized that Material UI (MUI) would be easier to use. This meant we had to remake some components and pages in MUI, which was time-consuming.

One big challenge we ran into was figuring out how to update information in the frontend when database changes occurred.

Another big issue was figuring out how to integrate mapping features via the google map api while keeping the user interface straightforward to use. It was a painful process to figure out how to store all the data we needed while keeping the map updated with all the important details but we created something we are very proud on and believe works great.

Accomplishments that we're proud of

Front Page Design

I'm (Gabriel) very proud of the bounties page as it features a lot of things behind the scenes to enable users to interact with the map and create bounties. Theres a lot of small things that went into making the markers on the map highly interactable and practical like updating coordinates based on device geographial coordinates, moving the user to bounties they press on and using modals and toggles to hide complex features in simple interfaces.