CommuteTrax

Inspiration

I remember coming home from the Trax station and constantly searching for my destination from each station I go to from a rideshare app like Lyft or Uber to find the lowest price.

What it does

You search for an address in the autocomplete box and it'll show you the current fares (how long it takes, distance, and price)

How I built it

I used the google maps API to display the map, markers, and autocomplete. I also build an azure function that does all of the calculations of a fare for each Trax station.

Challenges I ran into

I had trouble building a front end correctly with the mix of React AND google maps API. I also need to implement the function into the application.

Accomplishments that I'm proud of

I made a functional azure function that calls on an API to get the necessary fares needed from two points in a map. In addition, I created a custom map for myself by Google Maps API.

What I learned

Besides React.js, I learned how to read APIs documentation and how to use them. In addition, I know how to create my own map within google maps API.

What's next for CommuteTrax

Since it's unfinished, I do want to take a break from it for a bit and work on another small project. Finish combing the azure function to the project. Make better predictions with the autocomplete. Follow up with Uber and Lyft so I can access their APIs

Built With

• azure
• css
• git
• github
• google-maps
• html
• javascript
• linux
• react
• visual-studio-code