NamWatch · เฝ้าน้ำ

เจ้าของผลงานเล่าไว้แบบนี้

A bilingual (Thai / English) flood situational-awareness map for Bangkok. bangkok, flood, flood-risk, flooding, thailand https://namwatch.vercel.app # NamWatch · เฝ้าน้ำ A bilingual (Thai / English) flood situational-awareness map for Bangkok. It combines official water-level sensors with citizen reports filed through the city's own channel, and shows them on one map — each with its source and how old it is. Built for people checking on a phone, on a weak connection, during a flood. > NamWatch is a volunteer project. It is **not** a BMA or DDPM service, and it is > **not** a rescue dispatcher. Emergency numbers are on every page. ## What it does - **One map, three kinds of data.** Government gauging stations, complaints filed through Traffy Fondue, and community reports — drawn as three different shapes so they can never be mistaken for each other, each labelled with its source and age. - **A list view that is a peer of the map**, not a fallback. It carries the same information without WebGL, because that is what a cheap phone actually renders. - **A depth scale that never relies on colour.** Six bands, each with a colour, a pictogram and a text label. The palette is validated against simulated protanopia, deuteranopia and tritanopia by `pnpm check:cvd`, which runs in CI. - **Reports that expire.** A report fades and disappears on its own unless someone nearby confirms the water is still there. ## Stack Next.js · TypeScript · Tailwind · next-intl · MapLibre GL + OpenFreeMap · Drizzle + Postgres/PostGIS · Vitest ## Running it ```bash pnpm install cp .env.example .env.local # fill in the values pnpm

โดย riz007 · ดูโพสต์ต้นทาง