QUICKSIR

Implement and optimize the mobile view for logged-in users across the frontend. The UI should be fully responsive, easy to navigate, and consistent with desktop behavior. Logged-in users should be able to browse, search, view details, and perform allowed actions smoothly on mobile devices.

***Tables Used (Reference Existing – Read & Write)

***users
Field Description
id (PK) User ID
role_id User role
is_active Active / Inactive

***ads
Field Description
id (PK) Ad ID
title Ad title
price Amount
status Draft / Pending / Approved / Sold
is_active Active / Inactive

***business_listings
Field Description
id (PK) Business listing ID
business_name Business name
status Pending / Approved / Rejected
is_active Active / Inactive

***skill_service_listings
Field Description
id (PK) Service listing ID
skill_title Service title
status Pending / Approved / Rejected
is_active Active / Inactive

***Validations / Rules

*Mobile UI must be fully responsive (mobile & tablet screens)

*Logged-in users can:

   *View listings

   *Search listings

   *Create / edit their own ads, business listings, and services

   *View status badges (Draft, Pending, Approved, etc.)

*Users cannot:

   *Edit others’ listings

*Buttons and forms must be:

   *Touch-friendly

   *Properly aligned

   *Consistent with desktop logic

*Status-based actions must behave the same as desktop view

*No layout breaks on common mobile resolutions