DEV Community

Sabareesh
Sabareesh

Posted on

Building AiVerse: A Modern AI Catalog and Developer Hub Built with Gemini AI Agent

#ai #programming #react #showdev

Hey dev.to community! πŸ‘‹

Today, I'm super excited to share a project I've been working on: AiVerse! It's a modern, open-source AI Knowledge Base and developer portal designed to catalog AI models, benchmarks, frameworks, and tools.

What makes this build special is that I pair-programmed the entire project alongside Antigravity (Gemini), Google DeepMind's agentic AI coding assistant.

πŸ”— Live Site: https://aiverse.frozenn.in/
πŸ’» GitHub: https://github.com/Frozen-47/AiVerse

✨ Key Features of AiVerse

Here is what we built:

1. πŸ—‚οΈ AI Catalog & side-by-side Comparisons

Browse detailed specifications of AI models, frameworks, and datasets. Users can view architectures, license information, benchmark performance, and limitations. There is also an interactive side-by-side comparison tool to inspect specifications side-by-side.

2. πŸ›‘οΈ Live Admin Portal

A custom administration dashboard that handles user-submitted content. Admins can view:

  • Pending Submissions: Approve or reject submitted entries with interactive visual highlight cues.
  • Approved Directory: Manage existing models, track who submitted them, and delete entries if needed.
  • Registered Users: View a roster of builders and their profiles.

3. πŸ‘€ Public Developer Profiles & Bookmarks

Users can customize their profiles, link their socials (GitHub, LinkedIn, Medium, Dev.to, Portfolio), view their submission history, and share their bookmarked AI tools with public directories.

4. πŸ–€ AMOLED Dark Mode & HSL Color Tokens

Tailored specifically for modern displays. The interface features a custom AMOLED dark theme, responsive sidebars, micro-animations (pulsating NEW badges for recently added items), and clean typography.

πŸ› οΈ The Tech Stack

  • Frontend: React, TypeScript, Vite, Tailwind CSS (using theme-based HSL color configurations)
  • Backend & Database: Supabase (PostgreSQL with custom Row-Level Security policies allowing public-read folders and admin privileges)
  • State & Auth: Supabase Auth + custom React Auth Contexts

🧠 What I Learned Pair-Programming with an Agent

Working with an agent like Antigravity significantly accelerated the development loop.

  • Iterative Refinement: I was able to describe visual tweaks (like button contrasts, responsive close actions, and theme adjustments), and the agent updated the CSS system and TSX components instantly.
  • Backend & DB Alignment: The agent generated and updated the PostgreSQL migrations and RLS policies (e.g. making bookmarks public-read) and updated the frontend handlers synchronously.

I'd love to get your thoughts on the UI, features, or the agent workflow! Check out the repository, feel free to contribute, and let me know what you think in the comments. πŸ’¬

Top comments (0)