WasteTracker

Inspiration

Earth is getting spoilt by an enormous amount of wastes generated daily. Tracking wastes and collecting them with volunteering is a difficult task. So we thought to take initiative to track wastes generated.

What it does

We created a web application which enables volunteers to find wastes generated near them . Users can add location of such waste sites near them on the map. Volunteers can then see waste sites and then click to volunteer, see available volunteers to clear such areas.

How we built it

• We used react as frontend and nodejs and express as backend.
• We used mapbox api to show maps in our website and add markers.
• We used mongodb to store data of users , markers and volunteers.
• We used passport.js to authenticate users. ## Challenges we ran into
  • Linking frontend and backend using proxy api.
  • Ran into rendering issues to create a popup.
  • Using multiple pages in react using react-router-dom. ## Accomplishments that we're proud of
  • Linking Multiple pages on React.
  • Using mapbox api to show maps , markers, popups. ## What we learned
  • React js Routing
  • Proxy api to connect backend and frontend.
  • Passport.js to authenticate. ## What's next for WasteTracker
• Multiple pages to categorise different wastes like food, water so that volunteers can see waste-specific sites.
• Connecting Volunteers together to form groups.

Built With

• express.js
• mapbox
• node.js
• react
• react.js