Github Visualization Site Used AI

I’ve restructured my code to make it cleaner and added an organization page where you can visualize the organization and its repositories. I also wanted to display the organization’s members, but unfortunately GitHub’s GraphQL API is quite restrictive in that regard :<

I've made node info panel more responsive because there were some problems with it.

Styled the node visibility toggle buttons to match the site’s overall design. Previously, they were plain text and didn’t blend in with the interface.

I've made footer and I updated some stuff in faq ;3

I’m setting everything up for deployment right now! Over the course of this project, I’ve learned a ton about backend development and Nuxt, and I’m honestly pretty proud of how it turned out.

In the past hour, I also fixed a bunch of small issues that had been piling up and now it finally feels ready to ship. Yuppie

I added search user page so you can search any github user and generate graph for them. Also i written some middlewares one for preventing user from accessing sites when theyre not sign in and one for the search thing.

A lot of small changes that makes the site look better also i added faq page.

I implemented GitHub OAuth integration so users can log into the site, and GraphQL requests are now made using their tokens. Im going to probably ship project this week.

🛠 Devlog #1 – Project Setup, Backend & User Visualization (Nuxt 3)
Started building the GitHub Visualization app using Nuxt 3. Here's what has been done so far:

🧱 Setup & Backend

Initialized the Nuxt project with TypeScript and a clean folder structure.

Configured ESLint, basic environment setup, and a backend health check route.

Implemented a REST API index route.

Added an endpoint to fetch GitHub GraphQL data (repositories, organizations, etc.).

🎨 User Visualization

Built interactive graph visualizations using Sigma.js to represent GitHub user’s data, such as repositories they contributed to and organizations they are involved in.

Added an info panel that appears on node hover.