About the Project

This dashboard is a demo designed for AI projects with a Python backend (e.g., FastAPI) and a Next.js + React frontend. It integrates periodic queries, error handling, and cards prepared for metrics such as latency, throughput, and service health.

Technologies

  • Next.js (App Router)
  • React + TypeScript
  • Tailwind CSS
  • React Query for data
  • ECharts for charts

Architecture

The frontend queries REST/JSON endpoints from the backend (no SSR required). Cards handle loading, error, and retry states.

Extensions

Add authentication, role control, date filters, and CSV export. Connect WebSockets for real-time metrics.

Customization

Change styles with Tailwind, add your PNG icons from /public, and create new cards with your own logic.