CodeAtlas — Devlog
Day 8–9: From dependency data to an actual Atlas. 🕸️
Yoooo!! Today was honestly a crazy journey.
I started by turning CodeAtlas’s dependency data into a visual graph using React Flow. Soon, the files weren’t just a list anymore — they were nodes connected by actual relationships!! Then I added interaction: clicking a file highlights its connections and fades unrelated files…
Everything was working… until GitHub suddenly started throwing 403 Forbidden errors. 💀
After debugging, I found the culprit: I’d exhausted GitHub’s 60-request unauthenticated API limit during testing. That forced me to rethink how CodeAtlas fetches files and taught me a pretty important lesson about API efficiency.
And there’s a funny side story: I had actually started coding part of this in another editor before realizing my Hackatime wasn’t tracking it properly. By the time I noticed, some of my coding time hadn’t been recorded. 😭
Lesson learned:

“Always check Hackatime before starting a session.”

Despite the chaos, CodeAtlas now has:
📁 Repository Explorer → Dependency Analysis → 🕸️ Interactive Architecture Graph
The Atlas is getting real. See Ya Soon!!
#CodeAtlas #Devlog #BuildInPublic #Stardance #HackClub #React #TypeScript #GitHub #WebDevelopment