Add performance graphs using historical data

[jagdish-15]

After resolving issue #7, we can utilise the /api/student/:username endpoint to implement performance visualisations.

Create a time-based graph (e.g., questions solved over time), using different colours to represent different types of questions. Provide users with options to switch between views, such as weekly, monthly, and overall performance.

The exact design, charting library, and additional insights or filters are open to implementation, allowing flexibility for creative and meaningful analysis.

(Blocked by issue #7)

[jagdish-15]

Update

For implementing user-specific pages, we can follow a route-based approach instead of query params:

• Use routes like /user/:username for the profile page
• Extract the username on the frontend using window.location.pathname
• Fetch data via /api/user/:username (will be added by Add API endpoint for student historical data #7)

Example (server.js)

// server.js page
app.get("/user/:username", (req, res) => {
  res.sendFile(path.join(__dirname, "frontend", "user.html"));
});