This is a submission for Weekend Challenge: Earth Day Edition
What I Built
Lord of Repo is an Enterprise SaaS Visualization Platform that transforms
any GitHub repository into an interactive Anti-Gravity City โ a living,
floating 3D world where every module, folder, and component becomes a
structure hovering at different altitudes, connected by energy beams.
Instead of reading walls of code, you explore a repo like a planet.
๐Live App: https://anti-gravity-city.vercel.app
Earth Day Connection:
We built this for climate and environment repositories specifically.
The open source climate tech ecosystem has thousands of repos โ carbon
trackers, biodiversity monitors, emission calculators โ but most developers
never contribute because codebases feel overwhelming and alien.
Lord of Repo turns any climate repo into a world you can understand
at a glance. See the architecture, understand the structure, and know
exactly where to contribute โ all without reading a single line of code first.
Demo
๐ Live: [(https://anti-gravity-city.vercel.app)]
Login with GitHub โ paste any repo โ watch it become a city.
[ADD SCREENSHOT HERE โ drag your app screenshot into the editor]
The Anti-Gravity City renders modules floating at different altitudes,
connected by energy beams and orbits. Each floating structure represents
a part of the repository. It immediately makes complex repos look
approachable and unique โ because they are.
Code
noisyboy08
/
Anti-Gravity-City
"Anti-Gravity" city for your "Lore of the Repo" project is a genius move. Instead of a flat grid, you can have modules floating at different altitudes, connected by energy beams or orbits. This immediately makes it look more "high-end" and unique than a standard 3D city.
๐ Lord of Repo
A Massively Gamified 3D Metaverse for Software Engineering Teams
Lord of Repo transforms your dull, static GitHub repositories into a sprawling, interactive, 3D Cyberpunk City. Instead of scrolling through an IDE tree view, you fly through a glowing metropolis where every building is a file, the altitude of the building represents its architectural depth, and real-time live effects visualize everything from Git commits to code complexity.
๐ The Ultimate Gamified Developer Experience
This project takes 3D Code Visualization to the absolute extreme. Here are just a few of the 19+ Interactive Systems running concurrently inside the engine:
๐ฎ The Feature Lab
- ๐ Economy of Code: Repositories turned into a Stock Market. Files dynamically gain/lose LED-ticker "value" based on complexity algorithms.
-
๐ซ FPS Mode (Glitch Hunt): Switch from aerial drone cameras to
PointerLockControls. Land on the streets, walk around in First-Person, and shoot neon wireframe Spidersโฆ
How I Built It
Tech Stack:
- Next.js / React (Frontend)
- Google Gemini API (AI analysis & repo explanation)
- GitHub OAuth (Login with GitHub)
- Vercel (Deployment)
How It Works:
- User logs in with GitHub
- Pastes or selects any repository
- Google Gemini analyzes the repo files and structure
- The app renders the repo as an Anti-Gravity City โ modules float at different altitudes based on their role in the codebase
- Gemini provides natural language explanations of each "building" in the city โ what it does, why it exists, how it connects to others
Key Technical Decisions:
I chose the "city floating in space" metaphor deliberately. A flat
folder tree gives you no sense of importance or relationships.
An Anti-Gravity City makes architectural relationships spatial and
intuitive โ core modules float highest, utilities sit lower,
adapters connect everything like bridges.
Gemini's large context window was essential here. It processes
multiple repo files simultaneously and reasons across the entire
codebase as a whole โ giving explanations that understand relationships
between files, not just individual files in isolation.
Prize Categories
Best Use of Google Gemini
Gemini is the brain of Lord of Repo. Specifically:
- Input: Raw repository files uploaded from any GitHub repo
- What Gemini does: Analyzes the full codebase structure, understands relationships between modules, and generates human-readable explanations for each component
- Output: Powers the city visualization โ each floating structure is labeled and explained by Gemini
- Why Gemini specifically: Its large context window allows it to process an entire repository at once and reason across files โ something smaller context models cannot do effectively
Without Gemini, Lord of Repo is just a 3D city with no meaning.
Gemini is what makes every floating building understandable.
Top comments (0)