H-04: Scan History Analytics Dashboard

[jpdevhub]

The Idea

The backend already stores scan history, but we aren't doing much with it. Let's turn that data into a beautiful, real-time analytics dashboard so users can see freshness trends over time.

What needs to be done

• Use a charting library (like Recharts or Chart.js).
• Build a dashboard showing grade distribution (pie chart), freshness over time (line graph), and scan volume.
• Fetch data from the existing /api/v1/scans/history endpoint.

This is an awesome full-stack/frontend feature to show off your UI/UX skills!

[Bhanu-hasini]

Hi @jpdevhub, I'd like to work on this issue as part of SSoC26.

I plan to build the analytics dashboard using Recharts to display:

1. Grade distribution as a pie chart
2. Freshness over time as a line graph
3. Scan volume metrics

Can you please assign this issue to me?