Issue 8 - Profile Screen UI (Flutter Implementation)

[Surya-Raghuram]

Type: Open-for-All (Flutter Development)
Points: 20

---

Overview

NomMetric needs a Profile Screen UI to display basic user information and settings.
This is an UI-only issue — no backend, no Firebase integration is required.

This issue is open-for-all — multiple contributors can submit PRs, and the best designs may be merged.

Focus on clean, reusable Flutter code. This will serve as a base for future profile functionality.

What You Need to Implement

• Profile Screen Widget

• Create a new file inside lib/screens/

• File naming convention: profileScreen_<your_name>.dart (e.g., profileScreen_surya.dart)

• The screen should have placeholder content:

  • Avatar (placeholder image or icon)
  • User Name / Email (Text widgets)
  • List of options (ListTiles):
  • Edit Profile
  • Settings
  • Logout

• UI should be clean and minimal. No real data, no logic required.

Implementation Guidelines

• Keep the UI clean and modular

• Use standard Flutter widgets only (Container, Column, Row, Text, Icon, ListTile, etc.)

• Do not implement backend or Firebase logic

Submission Requirements

• Add your screen in lib/screens/ using the file naming convention above

• Include a screenshot of your screen in the PR description

• Do not edit main.dart, I will integrate the screen myself

• Open a Pull Request with the PR description starting with

  Issue:#8

Points and Completion Rules

• Each successful PR merged for this issue: 20 points

• Multiple PRs may be merged if designs are accepted

The issue will be closed after all selected PRs are merged

Notes

This implementation will serve as the base for future profile functionality and settings