Skip to content

Design & Create home screen UI for cab search and results #1

@Drago-03

Description

@Drago-03

Description

Revamp the home screen to follow a modern, card-based app layout using Flutter. Focus on visual structure and UX, no backend changes.

Requirements

  • Create a clean top section with:

▫ App name/logo

▫ Short subtitle/tagline

  • Redesign the search input area:

▫ Origin and destination fields with icons

▫ Date/time picker UI

▫ “Search Cabs” primary button with clear hierarchy

  • Display search results in scrollable cards:

▫ Each card shows cab provider name, logo placeholder, price, ETA, and rating

▫ Use proper spacing, shadows, and rounded corners

  • Add light/dark theme-friendly colors (no business logic change)

  • Ensure layout is responsive for different mobile screen sizes

Notes

  • Frontend-only; use mock data( API implementation later on).

  • Keep code structured into separate widgets.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions