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
kylefdoherty
July 23, 2014
Programming
0
70
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
53
Other Decks in Programming
See All in Programming
Package Management Learnings from Homebrew
mikemcquaid
0
220
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
nrslib
2
1.9k
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
hisatake
0
280
カスタマーサクセス業務を変革したヘルススコアの実現と学び
_hummer0724
0
700
今から始めるClaude Code超入門
448jp
8
8.7k
KIKI_MBSD Cybersecurity Challenges 2025
ikema
0
1.3k
SourceGeneratorのススメ
htkym
0
200
2026年 エンジニアリング自己学習法
yumechi
0
130
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
mulyu
3
270
AI & Enginnering
codelynx
0
110
Patterns of Patterns
denyspoltorak
0
1.4k
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる!
tosuri13
1
180
Featured
See All Featured
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
340
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.6k
The Cult of Friendly URLs
andyhume
79
6.8k
Everyday Curiosity
cassininazir
0
130
Producing Creativity
orderedlist
PRO
348
40k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.9k
How to Talk to Developers About Accessibility
jct
2
130
Principles of Awesome APIs and How to Build Them.
keavy
128
17k
From π to Pie charts
rasagy
0
120
Making Projects Easy
brettharned
120
6.6k
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