Inspiration

I used to live in Brooklyn, NY. One of the biggest problems I saw in people that were new to NYC was that they were not very knowledgeable about transportation - specifically, transportation pricing, mapping, and the advantages/drawbacks of one mode of transportation to another in NYC. People don't deserve to be left under a rock about information regarding transportation, a basic need in society.

What it does

Flutterfare compares cost estimates for three

different modes of transportation (only for NYC) based on fare information provided by the NYC Taxi & Limousine Commission, citibike, and the MTA. Users can adjust various factors that determine the cost of either medium of transport such as time of ride. Additionally, Flutterfare's functionality extends to maps that detail the locations of NYC's citibike stations and depicts the complex metro and bus systems of the city.

How we built it

HTML, CSS, Vanilla JS, Leaflet.

Challenges we ran into

Picking up Leaflet (map) was really hard for me! It was my first time using Leaflet and I am still in the process of learning JS.

Accomplishments that we're proud of

It's a functional site with good aesthetics. The simplicity and no-BS approach to the site is what I'm proud of.

What we learned

Websites take a long time. It's a process.

What's next for Flutterfare

More transportation options (Uber, Lyft, personal vehicles, etc) so people are even more in-the-loop about transportation in NYC. News about transportation within the city as well as changes in costs, etc. Big plans.

Share this project:

Updates