Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
CitiBike Finder
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
kylefdoherty
July 23, 2014
Programming
0
69
CitiBike Finder
Building a Sinatra App with CitiBike's JSON Station feed and the Google Maps API
kylefdoherty
July 23, 2014
Tweet
Share
More Decks by kylefdoherty
See All by kylefdoherty
Getting Started Testing
kylefdoherty
0
100
Going Pro
kylefdoherty
0
52
Other Decks in Programming
See All in Programming
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
bengo4com
0
530
それ、本当に安全? ファイルアップロードで見落としがちなセキュリティリスクと対策
penpeen
7
2.4k
高速開発のためのコード整理術
sutetotanuki
1
360
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
haochenx
0
100
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
ahuglajbclajep
5
950
KIKI_MBSD Cybersecurity Challenges 2025
ikema
0
1.3k
CSC307 Lecture 06
javiergs
PRO
0
680
AtCoder Conference 2025
shindannin
0
1k
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
azukiazusa1
1
610
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
yimajo
3
580
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
330
なるべく楽してバックエンドに型をつけたい!(楽とは言ってない)
hibiki_cube
0
130
Featured
See All Featured
Joys of Absence: A Defence of Solitary Play
codingconduct
1
280
What's in a price? How to price your products and services
michaelherold
247
13k
Marketing to machines
jonoalderson
1
4.6k
Become a Pro
speakerdeck
PRO
31
5.8k
Deep Space Network (abreviated)
tonyrice
0
37
Producing Creativity
orderedlist
PRO
348
40k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
3.9k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
900
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
920
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
0
100
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
0
1.8k
Transcript
Citi Bike Finder Amy Johnson & Kyle Doherty
Dock Blocked
Blue Biked
None
Requested Solution Trip planner that suggests starting and end locations
based on historical data
Realistic Goals Sinatra using Citi Bike JSON Feed Search for
nearby stations Google Maps API for directions
Demo
JSON JSON Parser HTTParty Object
JSON Parser Station (Geocoder gem) Station Builder
Controller Station (Geocoder gem) Name & Location
Controller Station (Geocoder gem) Name & Location - Station Name
- Location Station Refresher - # of Bikes - # of Docks
- Station Name - Location - # of Bikes -
# of Docks
Directions with the Google Maps API
What You Need... 1. Directions Renderer Object • new google.maps.DirectionsRenderer();
2. Directions Service Object • new google.maps.DirectionsService();
Directions Renderer • new google.maps.DirectionsRenderer(); views/stations/directions.erb
Directions Service • new google.maps.DirectionsService(); views/stations/directions.erb
Directions Renderer • new google.maps.DirectionsRenderer();
Next Steps Rails App Write Tests & Refactor Create prediction
model Optimize DB calls Use caching to speed up responses
Amy Johnson - github.com/amyrjohnson Kyle Doherty - github.com/kylefdoherty Project Repo
- github.com/kylefdoherty/citi-bike-search