Issue 13 - Create Reusable Section Header Widget(Flutter Implementation)

[Surya-Raghuram]

Type: Competitive (Flutter UI)
Points: 40 / 30 / 20

---

Overview

The Home screen contains multiple sections (e.g., Notifications, Menu, Status, etc.).

We need a reusable Section Header widget that can be placed above any section to maintain UI consistency across the app.

This is a widget-only task.

What You Need to Implement

Section Header Widget

• Create a new widget inside lib/widgets/

• **File naming convention:**Header_.dart

• Do not integrate it into any screen

Widget Requirements

The widget should support:

• Section title (required)

• Optional subtitle

• Optional trailing action (text or icon, e.g., “View All”)

• Clean spacing and alignment

All values must be configurable via constructor parameters.

Implementation Guidelines

• Use StatelessWidget

• Clean and reusable design

• No navigation logic

• No Firebase / backend

• No screen modifications

• Avoid hardcoded app-specific text

Competitive Rules

• Top 3 PRs only will be merged

• Ranking will be based on:

  • UI cleanliness

  • Reusability

  • Code readability

  • Parameter flexibility

Points Distribution

RankPoints:

First - 40 points

Second - 30 points

Third - 20 points

All other PRs will be closed without merge.

Submission Rules

• Widget must be added only inside lib/widgets/

• Include screenshot in PR

• PR description must start with:

Issue:#13**

Completion

• Issue will be closed after 3 merges

• No further PRs will be accepted afterward