Climater

signup page
login page
group comparison
dashboard

Inspiration

Cute animals are dying

What it does

This web app tracks your carbon footprint using the amount of miles you drive. You can see the history of how much your carbon footprint has changed while comparing it to your friends.

How we built it

We used seperated front end and backend while using mapquest API to track how many miles you traveled. This is then funneled into the front end where we display it using D3.js graphs.

Challenges we ran into

We struggled with which API to use. We searched a while for a functioning API to calculate distance. We struggled also with having a responsive design and an fluent animation.

Accomplishments that we're proud of

Authentication, Data visualization using D3.js, front end design.

What we learned

using D3.js with react hooks, building a CRUD API, advanced bootstrap/css

What's next for Climater

expand to not only track car distance but electricity used at home. This will help you better understand how big your carbon footprint really is.

Built With

Submitted to

CUNY Hackathon

Created by

Worked on front end and styling. Created graphs using D3.js helped import data from backend

Mohammed Elsayed
I worked on both the front end using React and the backend API using Express and Mongodb. I set up the mapquest api to calculate distance between two routes and connected the front end with the backend.

Nero Riem-Neb
Worked on the users controller in the backend and wired the frontend forms to the backend apis. Deployed app to Heroku with Mongo Atlas.

yongchengzhu
Worked on the Front-End, applied Bootstrap, and React, created UI/UX design elements. Implemented Routes in React, that connected to the Back-End.

Rehman Arshad
dedicated tinkerer, analytical thinker and problem solver.

Updates

Mohammed Elsayed started this project — Oct 19, 2019 09:53 PM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.