Skip to content

Conversation

@Vaibosnikov
Copy link
Owner

This PR adds the dashboard UI scaffold for TestCraft under runner/web. It provides the UI shell, basic layout, and components to be used by the frontend team:

Included:

  • React + Vite + Tailwind setup
  • UI Shell: Sidebar, Header
  • Dashboard page: Summary cards and Runs table
  • Components: RunsTable, SummaryCard
  • Local mock data: src/mock/sampleRuns.json (for UI development without backend)
  • README with run instructions

Notes:

  • This is a UI-only branch (no backend integration). Use mock data for development.
  • Integration to the backend will be handled in feature/dashboard-integration (fetching /v1/runs and /v1/tests).

dakshita-singh and others added 2 commits November 20, 2025 20:38
This document outlines the design proposal for the Dashboard UI of TestCraft, detailing its purpose, design principles, layout, unique features, components, and data model.
@Vaibosnikov Vaibosnikov added progress For tracking issues which are related to the progress High Action items and issues with high resolution required and responded within 48 hours Frontend labels Nov 21, 2025
@Vaibosnikov
Copy link
Owner Author

Dashboard UI — Branch Summary (feature/dashboard-ui)

This branch introduces the complete UI scaffold for the TestCraft Dashboard so that our frontend
work can start independently of backend integration.

Work Completed

  • Added a dedicated React + Vite + Tailwind project under runner/web
  • Implemented base layout:
    • Sidebar navigation
    • Top header bar
    • Application shell structure
  • Added core dashboard components:
    • SummaryCard (stats)
    • RunsTable (recent run history)
  • Added initial DashboardPage with mock data loading
  • Included mock JSON dataset (sampleRuns.json) to allow UI development without backend dependency
  • Fully functional development server now running at: http://localhost:5173/

Purpose

This creates the foundation for:

  • UI development by the frontend team
  • Dashboard visualizations in the next branch
  • Backend API integration in feature/dashboard-integration

Notes for Reviewers

  • This is a UI-only branch — all data shown comes from mock JSON files.
  • Backend API integration will be added in a later branch.
  • Feel free to review component structure, naming, and layout responsiveness.
  • Screenshots have been attached below for faculty reference.
Dashboard UI

Copy link
Collaborator

@Vaishnavitiwari10 Vaishnavitiwari10 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

All good.

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

Labels

Frontend High Action items and issues with high resolution required and responded within 48 hours progress For tracking issues which are related to the progress

Projects

Status: No status

Development

Successfully merging this pull request may close these issues.

4 participants