Inspiration
We wanted to get people to care about the environment in a way that is seamless, while also encouraging community participation.
What it does
Allows people to create, see, and act on trash reports, displayed as markers on a map.
How we built it
We built it with React, NodeJS, ExpressJS, MySQL, and the Google Maps API. We use the Google Maps API in React to query and populate a MySQL server.
Challenges we ran into
It was hard making compromises on what features we wanted to add during the limited duration of a hackathon. We had to decide what were the important parts of our project that we wanted to implement first. Ultimately, those ended up being the user interface, and the creation/display of trash markers using a database that users can add their trash markers to. We also had to learn a lot about using React and the Google Maps API, since we were largely unfamiliar with development with those technologies.
Accomplishments that we're proud of
We are proud of sticking to an idea that we believed in and creating something, in spite of our inexperience and the short timeframe.
What we learned
We learned a lot about React development and the Google Maps API. We learned how to plan, communicate, and adapt to new challenges under the pressure of time. We learned what it means to develop for a social good; planning and designing an experience to bring environmental awareness and a sense of community.
What's next for TrashDiver
We want to develop a more comprehensive backend that supports many users and our future goals, like a volunteering system. We'd also like to make trash reporting more detailed while also still making it a seamless experience, allowing users to add and view the type of trash associated with a trash marker, for example.
Log in or sign up for Devpost to join the conversation.