Skip to content

Build Data Entry Page Framework #521

@Neethu995

Description

@Neethu995

Implement the Student Data Entry page as shown in the Figma design. The page allows teachers to view and manage student goals, benchmarks, and trial instructions.

Image

Description:
Implement the Data Entry page structure up to the Goal section. This includes breadcrumb navigation, page header, and Goal card UI.

Image

Subtasks

  1. Implement breadcrumb navigation: Students / Student’s Name / 1st Goal / 1st Benchmark / Data Entry
  2. Each breadcrumb is clickable and routes to the correct page.
  3. Current page (“Data Entry”) is highlighted.
  4. Add page header with title “Data Entry [Student’s First and Last Name]”.
  5. Build Goal card component with:
  • “Goal 1” label + icon.
  • “Created on: [date]” with calendar icon.
  1. Goal description text.
  2. Edit goal link → navigates to Goal Edit page.
  3. View all goals button → navigates to Goals list page.
  4. Add empty state handling (if no goal exists, display “No goals found”).

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

Status

Backlog

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions