Dashboard tracker

📝 Overview

This merge request adds the frontend dashboard interface for visualizing teams, interns, and their standup audio submission status.

The implementation strictly follows the project constraints by focusing only on the UI layer and consuming existing service functions without introducing API or global state logic.

🚀 What’s Implemented

1️⃣ DashboardLayout

Serves as the main dashboard container

Provides a clean and structured layout for team and intern visualization

Designed for easy extension with future widgets

2️⃣ TeamList

Renders the list of teams dynamically via props

Supports scalable team data integration

Keeps presentation logic separate and reusable

3️⃣ InternCard

Displays:

Intern ID

Submission status

Designed as a reusable and composable UI unit

4️⃣ StatusBadge

Visual indicator for standup submission status

🟢 COMPLETED → Green

🔴 PENDING → Red

Lightweight and reusable across other modules if needed

🧩 Technical Approach

Built using React functional components

Props-driven architecture for seamless backend integration

Mock data used for UI development and testing

No API calls implemented (as per guidelines)

No global state introduced

Minimal, clean styling for clarity and maintainability

📂 Folder Structure src/components/dashboard/ ├── DashboardLayout.tsx ├── TeamList.tsx

src/components/intern/ ├── InternCard.tsx 🔌 Integration Readiness

The UI is fully prepared to consume the existing service functions:

verifyStandupSubmission(internId)

createTeam()

addInternToTeam()

No additional refactoring will be required during integration.

🎯 Outcome

Provides a clear and scalable dashboard UI

Improves visibility of intern standup submission status

Ensures clean separation between UI and business logic

Ready for direct connection with backend services