Skip to content

[FRONTEND] React dashboard — security score, findings, compliance view #5

Description

@Vishnu2707

Objective

Build the React frontend dashboard that displays Azure security
posture, findings, compliance scores, and contributor leaderboard.

Tech stack

React + Vite + Tailwind CSS

Pages to build

  • Dashboard home — security score (0-100), findings by severity
    chart, recent alerts
  • Findings list — filterable and sortable table of all findings
  • Finding detail — full info, remediation playbook, mark as fixed
  • Compliance view — score per framework (CIS, NIST, ISO 27001)
  • Leaderboard — top student contributors (gamification)

Tasks

Acceptance Criteria

  • Live URL on Azure Static Web Apps
  • All pages functional with real API data from Render backend
  • Security score updates after each scan
  • Mobile responsive

Branch

feat/react-dashboard

Depends on

Issue #29 API must be deployed on Render first

Activity

  1. vogonPrayas commented on May 3, 2026

    @vogonPrayas
    Collaborator

    I'll take this
    This issue depends on Issue #3 (Flask REST API + PostgreSQL). However, I can build the entire frontend independently using mock data and connect to the real API later when its done.
    3-4 weeks ⏲️

  2. self-assigned this
    on May 4, 2026
  3. emon22-ts commented on May 9, 2026

    @emon22-ts
    Collaborator

    I would like to work on this. I believe I can build entire frontend .

  4. Vishnu2707 commented on May 9, 2026

    @Vishnu2707
    CollaboratorAuthor

    @vogonPrayas , The objective has been updated, please make sure to cross check!

    @emon22-ts , the issue has been already assigned to Prayas, kindly pick a good first issue from the issues list!

  5. Vishnu2707 commented on May 21, 2026

    @Vishnu2707
    CollaboratorAuthor

    Can we close this asap, new issues are being relied on this!

    Please get in touch with @parthrohit22 , for the design ideas - i have already conveyed it.

    @vogonPrayas , excellent designs which are initially done, we might need to upgrade!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

coreCore team ownership not for students

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions