u/DirectCurve1348

Hello Developers!

I built GitCity — a React app that fetches your entire GitHub contribution history via the GraphQL API and renders it as a 3D city you can drive through. V2 just dropped.

Three views built as separate React components:

• IsometricGrid.jsx — pure SVG isometric skyline, every day = one building, height = commits
• BirdsEyeGrid.jsx — flat heatmap view of the same data
• CitySimulation.jsx — a fully driveable Three.js city where every day you committed = one building on the street

What's new in V2:

• Night-only city rendering
• Dynamic weather system — rain and storms trigger randomly, no user input needed
• Vehicle collision system — AI vehicles can crash into each other, blast effects, speed auto-limits in accident-prone zones
• Spatial audio — engine, crash, blast, rain, storm. All reactive, no manual toggles
• 6 themes via a central themes.js constants file — Matrix, Noir, Aurora, Ocean, Gold, Ice
• Live SVG embed API — serverless function at /api/svg?u=USERNAME renders your skyline for README embeds
• Stats bar: total commits, peak day, longest streak, current streak
• Time filters: all-time, 12 months, 6 months, 3 months, week
• No auth, no token — username only via GitHub GraphQL

Stack: React 18 + Vite 5, Three.js r128, pure SVG for the isometric view, GitHub GraphQL API, Vercel serverless functions.

For anyone who thinks this is similar to thegitcity.com — that's a social network where each building = one developer. In GitCity, each building = one day of YOUR commits. Completely different concept. Full breakdown: gitcity.natrajx.in/comparison

gitcity.natrajx.in

github.com/rishabhbhartiya/GitCity

Drop your username — curious how the city looks with different contribution patterns