Skip to content

Yupcha/CreatorMaps

Repository files navigation

Yupcha Maps logo

Yupcha Maps

A map content factory for India. Turn any place, route, or dataset into a beautiful, shareable reel or poster — in seconds.

🌐 Live app → maps.yupcha.com

Live site MIT License SvelteKit 5 MapLibre GL deck.gl


Yupcha Maps — interactive choropleth of India with the creator control panel

Google Maps is a navigation utility. Yupcha Maps is for making things you want to post: cinematic map videos, data flexes, and framable prints — all India-native, all in the browser, no GPU farm or pro tools required.

✨ Features

  • 🌍 Roots Reel — a one-tap emotional zoom from space down to your hometown rooftop, with a name/title overlay. Diaspora and regional-pride gold.
  • 🛣️ Trip Reel — paste an itinerary and get an animated route-line flight between stops, with distance/label stamps and ready-made templates (Golden Triangle, Manali–Leh, and more).
  • 📊 Data Reel — animated "Top-N states by metric" reveal with on-map choropleth staggering and counting-up numbers, scored to a beat.
  • 🖼️ Poster / Wallpaper Export — high-res styled SVG + PNG prints (phone wallpaper, IG post, A4) with a title block, watermark, and a QR code that links back to the live scene.
  • Shared reel foundation — multi-aspect export (9:16 / 1:1 / 16:9), text/watermark overlays, beat-sync timing, and remixable scene-links (every export encodes its scene into a URL that reopens and can be tweaked).
  • Map toolkit — choropleths (population, GDP, literacy, area), city pins, 3D buildings & terrain, satellite/vector styles, and a cinematic camera studio.

📸 Screenshots

Trip Reel Data Reel Poster Studio
Trip Reel — build an itinerary into an animated route flight Data Reel — animated Top-N states choropleth Poster Studio — hi-res wallpaper and print export

🚀 Quick start

Requires Node 18+ (the repo uses Bun and npm lockfiles; either works).

git clone https://github.com/Yupcha/CreatorMaps.git
cd CreatorMaps
npm install
npm run dev        # http://localhost:5173

No API keys are needed — the basemap is served by OpenFreeMap.

Optional configuration

Analytics and error tracking are off by default. To enable them, copy the example env file and fill in your keys:

cp .env.example .env
Variable Purpose
PUBLIC_POSTHOG_KEY PostHog product analytics (optional)
PUBLIC_SENTRY_DSN Sentry error tracking (optional)

🛠️ Build & deploy

npm run build      # production build (Cloudflare adapter)
npm run preview    # preview the production build locally
npm run check      # type-check with svelte-check

The project ships with @sveltejs/adapter-cloudflare and a wrangler.toml for Cloudflare Pages.

🧱 Tech stack

SvelteKit 2 · Svelte 5 (runes) · Vite · MapLibre GL · deck.gl · Threlte/three.js · Plotly · Turf · PGlite · TypeScript.

📍 Attribution

Basemap tiles © OpenFreeMap and OpenStreetMap contributors, available under the ODbL. Please keep map attribution visible in any deployment.

📄 License

MIT © 2026 Yupcha

About

Turn any place, route, or dataset in India into a shareable reel or poster — cinematic map videos, data reels & HD posters. Free & open source, runs in the browser.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors