The trending movement #trashtag on Reddit inspired us to create a unifying platform to encourage saving the earth. Don’t be trashy, make Earth happy!
What it does
Trashtag provides a collaborative, crowd-sourced platform to promote the cleanup of trash around the globe. It maps out user-identified locations that are in desperate need of cleanup, so visitors can easily locate the trashiest place near them and get cleaning.
How we built it
We used React to handle the front end. The Google Maps API is utilized to show the locations that need to be cleaned.The posts are stored in a real-time Firebase database, allowing posts to be updated in the live feed. We used the google-map-react API to interface with the Google’s API to feature custom marker icons. We used the Facebook API to sync user’s Facebook accounts.
Challenges we ran into
We’re pretty new to Firebase and many of the APIs we used such as the Google Maps API, so we had a tough time wrangling them to submission. For example, when we were trying to integrate our Google Map API components into our site, we didn’t realize that there were multiple, similarly named npm packages for them in react, named from google-map-react to google-maps-react to react-google-map. We also had a lot of ambition in the functionalities we’d like to have in the web app, but alas, there was not enough time to do everything we’d like to.
Accomplishments that we're proud of
We learned a lot within these 36 hours, trying to use the APIs and Firebase. We’re proud of the amount of progress we have completed despite our difficulties. We’re especially proud of our trash can markers on our map.
What we learned
We are all relatively new to the react framework, the Facebook log in API, and all of Google’s APIs, so this weekend was a lot of learning from tutorials and documentation on how to use Firebase, how to make asynchronous calls to our database and APIs, and even how to simply hide our API keys.
What's next for #Trashtag
Implement a follow-up functionality for uploading photos after someone has cleaned the area posted, a scoring system for each user, a leaderboard, geo-location tagging, and many more cool features we ran out of time for. We also hope to create mobile app versions of #Trashtag to enable a more convenient interface for users.