Hey DEV community!
I just launched a side project I’ve been tinkering with:
👉 GitVisualize
It lets you paste in any public GitHub repo URL, and it’ll generate a visual representation of that project using OpenAI’s gpt-image-1 model — all based on the repo’s README content.
✨ What it does
- Takes a GitHub repo URL
- Pulls the README
- Feeds it to an AI image model
- Displays the generated image alongside project metadata
- Adds it to a public gallery
You can even choose the image style you want:
- Conceptual & Techy
- Infographic
- Abstract & Minimalist
- Direct & Clear
It’s built with Vue 3 + Tailwind, uses Supabase for storage and data, and everything runs through a lightweight backend on Render.
🧪 Why I made this
I love browsing GitHub, and I wondered:
“What would this project look like if it were a picture?”
So I built GitVisualize as a fun experiment in combining AI, dev culture, and a bit of creativity. Some of the results are surprisingly expressive.
🛠 Tech Stack
- Frontend: Vue 3 + Tailwind
- Backend: Node/Express (Render)
-
AI: OpenAI
gpt-image-1 - Storage/DB: Supabase
- Design direction: Lighthearted “Happy Alien” aesthetic 🛸
🖼 Try it out
➡️ https://gitvisualize-web.onrender.com/
Paste a repo, pick a style, and see what AI dreams up!
I’d love feedback, ideas, or feature suggestions.
And if you try it, drop your favorite generated image in the comments! 👇
🙌 Built with curiosity by
James Kingsley – HappyAlien.ai
#buildinpublic #sideproject #ai #webdev #openai #supabase #vue #showdev
Top comments (0)