--- title: "Friluftsappen Tråkke blir til: med KI-agenten Claude Code" canonical: "https://forvarelset.tazk.no/space/TO/blog/287703041/Friluftsappen%20Tr%C3%A5kke%20blir%20til%3A%20med%20KI-agenten%20Claude%20Code" format: markdown --- ![image](media://99c09a3d-b77f-463f-ba9f-bff61327a09e) # Tråkke: Friluftsliv på KI-måten Norge er et av verdens vakreste land – og enda vakrere når du finner de få, stille stedene som ennå ikke er overbefolket. Det er her Tråkke kommer inn: en webapp under utvikling med mål om å gjøre det enklere og mer fristende å komme seg ut i naturen: Ved å **samle** mer av det du (jeg) ønsker å se og gjøre **på ett sted** 🧐 --- ## Enkel demo, store muligheter [ → Den første offisielle demoen av Tråkke ligger her](https://elzacka.github.io/trakke-react/) **Dette kan du gjøre nå:** - **Søke via sted, koordinater** og søkemåter du er vant med, f. eks i Google Maps – i et interaktivt Norgeskart med Leaflet og OSM-data** ** - **Utforske kartet** – zoom og panorer rundt i Norge - **Se kategorier av ting du snart kan se i kartet **– hvor er det fine plasser å sette opp telt eller hengekøye ved Nøklevann? Finnes det noen bunkere å utforske i Arendalsområdet neste søndag? *PS: Det lukter allerede veldig nerd av denne artikkelen, men herfra og ut blir det enda verre. Du er herved advart…* --- ## Hva gjenstår før første fullversjon? | **Funksjon** | **Status** | **Hva må gjøres** | | --- | --- | --- | | `Kategoriene Bade, Sove, Naturperler, Historiske steder: OpenStreetMap (OSM) datasett/API` | `Pågår` | `Fikse bug med integrasjon og visning på kart` | | `Kategorien Turløyper: Åpne datasett/API` | `Planlagt` | `Utforske muligheter. Kartverkets "Hvor?" har flyttet inn hos DNTs "UT". Og DNT? Nei, de deler ikke datasettet sitt lenger. Men åpne datasett/andre API-er finnes garantert et sted…` | | `Flere grunnkart og kartlag: OpenStreetMap datasett/API` | `Planlagt` | `Innlasting av sanntidsdata i kart` | | `Manuell registrering i kategoriene: Bidrag fra admin og brukere` | `Planlagt` | `Utforske hvordan Riksantikvaren har løst det for sitt Kulturminnekart` | | `Nisjekategorier: Det finnes garantert mye gøy “der ute”…` | `I idébanken` | `Drodle og utforske` | --- ## KI i praksis – Slik bygges Tråkke Tekniske verktøy: - **Frontend**: React 19 med TypeScript og Vite - **Map-løsning**: Leaflet + OpenStreetMap - **Design**: Material Symbols + responsiv CSS for mobil og desktop - **Deployment**: Nettsiden hostes foreløpig via GitHub Pages Utviklingsverktøy: 1. **[ClaudeAI for desktop](https://claude.ai)** – rådgiver: UX, plan, jobbflyt, kodegjennomgang 2. **[Claude Code via Terminal på Mac](https://docs.anthropic.com/en/docs/claude-code/overview)** – skriver og tester koden, håndterer CI/CD 3. **[Obsidian for macOS](https://obsidian.md/)** – dokumenterer krav, beslutninger og progresjon i eget Obsidian-vault* der Claude Code har tilgang til å lese/skrive Arbeidsflyten foregår i sykluser: planlegging → kode → test → dokumentasjon → forbedring. --- ## Neste steg Appen fungerer altså allerede som en prototype med fullt funksjonell UI og grunnleggende søk. Arbeidet nå består i å fikse noen bugs for å vise kategori-elementene i kartet, integrere flere datakilder og kartlag, legge til en meny for innstillinger og på sikt: funksjon for manuelle bidrag og obskure/nisjepregede kategorier/kartlag. --- ## Målet 1. En brukervennlig og vakker **digital turkompis**, ikke bare en karttjeneste* 2. Syretesten blir å bruke appen selv (og bli rørt til tårer av egen prestasjon. Intet mindre. Så får vi se da…) `*Supplert med uendelig Googling for det jeg ofte prøver å finne` --- ## Inspirasjon og kilder Episoden [The Complete Claude Code Workflow (to Build Anything)](https://open.spotify.com/episode/3pfFE9dc7tsWMivGtqf17b?si=4e314b7de53d46a5) fra podcasten [A New Vibe](https://www.youtube.com/playlist?list=PL5vhHYNVZ0BDeGx2LiOq3X3QUpMFYyHD5)
Relatert til kart og info i appen [https://leafletjs.com/](https://leafletjs.com/) [https://www.openstreetmap.org/#map=5/65.40/17.86](https://www.openstreetmap.org/#map=5/65.40/17.86) [https://www.kulturminnesok.no/](https://www.kulturminnesok.no/) [https://www.krigskart.no/kart](https://www.krigskart.no/kart) [https://www.setesdalswiki.no/wiki/Kategori:Vatn_i_Bykle](https://www.setesdalswiki.no/wiki/Kategori:Vatn_i_Bykle)
Andre [https://kartverket.no/api-og-data](https://kartverket.no/api-og-data) [https://www.geodata.no/produkter/geodata-online](https://www.geodata.no/produkter/geodata-online) [https://www.geonorge.no/](https://www.geonorge.no/) [https://kartkatalog.geonorge.no/metadata?text=riksantikvaren](https://kartkatalog.geonorge.no/metadata?text=riksantikvaren) [https://kartkatalog.geonorge.no/metadata/kulturminner-askeladden/b05e2fc7-1f16-4533-99b0-737fd7cfedc9](https://kartkatalog.geonorge.no/metadata/kulturminner-askeladden/b05e2fc7-1f16-4533-99b0-737fd7cfedc9) [https://nominatim.org/](https://nominatim.org/)