GarbajGram

• 

  Leaderboard

• 

  Sign up Page

• 

  Login Page

• 

  Homepage

Inspiration

Waste accumulation and environment degradation are two of our main concerns as we move ahead and may cause severe problems later in the future. We wanted to help resolve these issues

What it does

You can add garbage locations and find nearest dustbins and earn points by adding dustbins and properly disposing your garbage!!, Climbing up the leaderboard.

How we built it

We used node.js as an JS engine, express.js as a backend framework, MongoDB as a database to store dustbin and user info, mongoose for schemas and models, html, css, bootstrap and javascript for frontend and integrated mapbox api and maprequest api for user getting and rendering user location and garbage location.

Challenges we ran into

Since we were newbies in the domains of Authentications, Databases, Backend frameworks, We had to deal with frequent bugs and code breakage. Integrating frontend and backend was also difficult for us. Working with maps was also a new experience for us.

Accomplishments that we're proud of

Successfully implementing models, connecting frontend with backend, Converting our idea of helping environmental crisis into reality.

What we learned

We learned how to work with teams and help each other out, we also learned several backend and frontend workarounds and frameworks.

What's next for GarbajGram

Integrating and proper functioning of the leaderboard, convincing the government to invest in the project, making the UI more friendly. Connecting database models.

Built With

• bootstrap
• css3
• express.js
• geojson
• html5
• javascript
• mongodb
• mongoose
• node.js