Gassy

• 

  Homepage

• 

  Logo

Inspiration

Many times it's nerve-recking to see the gas meter rising and never knowing the price you will end up paying for a full tank. That is a problem that most of our team members have personally experienced and we set out to find a solution to it.

What it does

The web app that we built asks the user for the make/model of their car and the car's cruising range left and determine's how much it would cost you to fill up your car.

How we built it

We used AngularJS, Bootstrap, JavaScript, HTML/CSS, and some fairy dust to build our web app.

Challenges we ran into

• Well first and foremost, bugs. Another challenge we came across was deciding on technologies and APIs to use. Before starting the project we were not aware of any APIs that would provide us with the necessary information, but with determination we were able to find some APIs and work our way around others.

Accomplishments that we're proud of

We are very proud of the fact that we created a user-friendly, easy-to-navigate system that tells the user an estimate cost of gas before the user even lifts the gas nozzle.

What we learned

Through the course of this hackathon, we learned how to implement the different APIs and parse through them with the help of AngularJS.

What's next for Gassy

There are minor bugs that can be fixed and Gassy can be improved to show the gas prices based on the user's current location instead of the national average, which is what we are using as of now.

Built With

• angular.js
• bootstrap
• css
• html
• javascript
• sketch
• webpack