Téo Casanova

AI Model Radar.

Next.js application to synchronize OpenRouter models, store them in Supabase and follow their evolution through a dashboard, filters and charts.

AI Model Radar
Full-StackDataAPI
typescriptnextsupabasepostgresqlvercel

Context

Portfolio project aiming to build a complete data application around the OpenRouter AI models, with automated synchronization, history and an exploration interface.

Stack

Next.js App RouterTypeScriptTailwind CSSshadcn/uiSupabase PostgreSQLOpenRouter APIVercel Cron

Technical choices

  • Next.js App Router to structure pages and navigation
  • Supabase PostgreSQL to store models, snapshots and synchronization runs
  • OpenRouter API as the external data source
  • Vercel Cron to automate the daily synchronization
  • TypeScript to make data handling more reliable

Features

Scheduled daily syncHistorical snapshotsSearch and filtersModel detail pagesData dashboardEvolution chartsPersistent filters

What this project demonstrates

  • Full-stack development with Next.js and TypeScript
  • Integration of a third-party API with data normalization
  • Modeling of a PostgreSQL database with Supabase
  • Automation of synchronizations with Vercel Cron
  • Data visualization in a clear and maintainable interface

Current limitations

  • Dependency on the data provided by OpenRouter
  • History still limited because the project is recent
  • No collaborative or real-time features