Skip to content
Projects

itsAayush2004/TravelAtlas

View on GitHub

itsAayush2004/TravelAtlas has 26 GitHub stars and 0 forks. GitHot measured 0 stars in 24 hours. Last checked 2026-11-15 15:13 UTC. Last push 2026-08-30.

How these counts are measured

26 stars0 Forks

What you can do

  • Rotating 3D globe (Three.js) with a hand-drawn antique parchment texture
  • Glowing matte markers for every visited place, plus a distinct golden house marker for home
  • Black starfield + grid backdrop behind the globe
  • A scrollable "Logbook" list, a progress ring toward a travel goal, and a wishlist of dream destinations

Measured star growth

in 24h
0
in 7 days
Collecting history
in 15 days
Collecting history
in 1 month
Collecting history

Net star changes over overlapping periods, not daily totals. Missing measurements are left blank. Stars measure attention, not software quality.

About

Travel Atlas — an interactive 3D globe (Three.js) charting 30+ places I've explored and the ones I still dream of

Creative & Media

README.md

Original
Travel Atlas

🌍 Travel Atlas

Travel Atlas — an interactive 3D globe (Three.js) charting 30+ places I've explored and the ones I still dream of.

A living, interactive 3D globe charting every place I've been — and the places I still dream of going. A single self-contained HTML file, built with Three.js, styled like an antique atlas.

Live demo: https://itsAayush2004.github.io/TravelDiary/

Features

  • Rotating 3D globe (Three.js) with a hand-drawn antique parchment texture
  • Glowing matte markers for every visited place, plus a distinct golden house marker for home
  • Black starfield + grid backdrop behind the globe
  • A scrollable "Logbook" list, a progress ring toward a travel goal, and a wishlist of dream destinations
  • Pixel-styled "Jersey 10" display font throughout
  • A "Make your own atlas" panel so anyone can copy the code and fork their own version
  • No build step, no server, no dependencies beyond a CDN script tag — open index.html and it runs

Adding a place

  1. Add an entry to content/data.js (slug, name, region, date, lat/lng, story) — or drop a content/places/<slug>/info.txt file (see that folder's README.txt for the exact format), which overrides data.js without touching any code.
  2. Drop photos into content/places/<slug>/1.jpg, 2.jpg, … (jpg, jpeg, png, or webp all work; up to 4).
  3. Mark your home base with home:true — it gets its own house marker.
  4. Commit and push — GitHub Pages redeploys automatically.

Adding a dream destination

Same as above, but add the entry to the DREAMS array in content/data.js and drop photos into content/dreams/<slug>/.

Customizing

  • GOAL and REPO_URL are set at the top of content/data.js.
  • Author name, role, bio, and profile photo live in content/author/about.txt and content/author/dp.*.
  • Site branding (favicon, loader/splash image) lives in content/branding/.

Local preview

python3 serve.py

then open http://127.0.0.1:8000/

License

MIT — see LICENSE. Copy it, fork it, make it yours.