Wszystko zaczęło się od linku, trzech nazw stacji i zdania „jeśli to nie za dużo". Jedno popołudnie później mieliśmy na własnej domenie żywą mapę naszego kawałka Londynu. Pociągi metra, autobusy i samoloty poruszające się na niej w czasie rzeczywistym. 🚇🚌✈️
Inspiracją był ZONE ONE Jamesa Pottera, czyli mapa centralnego Londynu na żywo. Pomyślałem: chcę to samo, ale dla miejsca, gdzie mieszkamy. Loughton, Buckhurst Hill i Woodford leżą na samym końcu linii Central, tam gdzie Londyn przechodzi w Epping Forest.
Z Krakowa (i tutejszych appek) znaliśmy to uczucie, kiedy stoisz na przystanku i patrzysz, jak twój tramwaj sunie po mapie (albo czasem jak od czterech minut stoi na tym samym skrzyżowaniu). Chciałem tego samego dla nas gdyż coraz częściej podróżujemy publicznym transportem.
Czego się nauczyłem podczas tego mini projektu:
🔹 Mglisty pomysł wystarczy na start. Claude Code nie zgadywał. Sam odpytał prawdziwe API TfL, zmierzył dane, wyłapał ich dziwactwa i z kilku linijek napisał specyfikację, z której dało się od razu budować.
🔹 Małe kroki i wdrożenie po każdym z nich. Pierwsza wersja (pociągi linii Central na ciemnej mapie) działała po kilkunastu minutach. Potem doszły samoloty, autobusy z GPS, kamery drogowe i Overground. Każdy etap trafiał na serwer, zanim zaczął się następny.
🔹 MCP u dostawcy hostingu zmienia wszystko. Kiedy Claude pisał specyfikację, ja kupiłem VPS-a na Mikrusie i podpiąłem serwer MCP. Pierwsze wdrożenie poszło 15 minut po pierwszym commicie, bez ręcznego SSH i kopiowania plików. Dzięki, 🔥 Jakub Mrugalski, za świetny serwis i pomysł z MCP! 🙌
🔹 Prawdziwym bohaterem są otwarte dane. TfL Unified API, Bus Open Data Service i OpenStreetMap to coś, czego w wielu krajach po prostu nie ma.
Efekt: stoimy na przystanku i patrzymy, jak nasz autobus czeka na światłach. A dzieci twierdzą, że jedyny słuszny sposób oglądania mapy to retro tryb „tycoon" z pikselowymi pojazdami. 🙂
Całą historię, od pierwszej wiadomości do działającej aplikacji, opisałem na blogu 👇 https://coffeejourneys.blog/from-a-vague-idea-to-a-forest-edge-live-map-building-my-own-zone-one-with-claude-code-and-a-mikrus-vps/
Mapa na żywo: https://map.zagor.org
Wiem, że projekt jest bezużyteczny dla większości z Was, ale tutaj chodzi o ideę i proces nauki. Macie podobne projekty?
A może chcesz spróbować? Tutaj link afiliacyjny Mikrusa (oboje dostaniemy darmowy miesiąc usług): https://mikr.us/?r=3390a207
#ClaudeCode #AI #OpenData #SideProject #Mikrus #VPS #MCP #TfL #London