BINyc

• 

  Create Report Page

• 

  Report Selected

• 

  Reports List

• 

  Landing Page

Inspiration

Being frequent commutes in New York City, we've become frustrated with constantly seeing piles of litter in our neighborhoods and in our city streets. NYC generates over 14 million tons of waste annually, and despite efforts by the NYC Department of Sanitation, the city still struggles with effective trash management. Inspired by our wishes to make our city cleaner, we've created BINyc, a platform designed to empower our community to report any sighted trash so that we, as a community, can solve this persistent problem

What it does

BINyc is a community-driven platform that allows New Yorkers to easily report trash hotspots they encounter on their daily commutes. Users can:

Report sightings of litter or illegal dumping spots directly on an interactive map. Provide details such as the type of waste, location, and upload photos for better context. Resolve any listed reports and earn incentives through a bounty system, where users or organizations can offer rewards for cleaning up specific problem areas.

How we built it

We built the app using Vite React for the frontend, and used Leaflet for the interactive map. We developed the backend using Express.js, with a MongoDB database to store user reports. We then integrated our backend API with the frontend to update the map in real time with the latest reports.

Challenges we ran into

We had several issues getting the uploading images feature implemented properly as MongoDB was a new technology to a few of us, so that proved to be the most difficult task.

Accomplishments that we're proud of

We're proud that we were able to successfully create an interactive, real-time map that reflects user-submitted reports within such a time constraint. Being able to ideate as well as execute efficiently despite being a team whose never worked with each other before adds to our pride.

What we learned

We learned how to use geospatial data, and how to make interactive maps, as well as how to use MongoDB. For some of us, this is our first hackathon, so we learned a lot about web app development and how to work as a team.

What's next for BINyc

Firstly, we plan to make BINyc mobile to make it even more accessible for users on the go. Next, we plan to add user authentication for many reasons, one of them being the ability to rank users and see who is helping our cause the most. In the future, we also plan to integrate with the NYC Department of Sanitation, and be able to auto file a report with them so that sighted trash is properly dealt with.

Built With

• axios
• express.js
• javascript
• leaflet.js
• mongodb
• react
• tailwind
• vite