[FEATURE] Create Dedicated /scanner Page for Medicine Verification System

[shrushtigaynar]

Problem Statement

The project requires a dedicated /scanner page that serves as the initial interface for the upcoming Medicine Verification system.

However, the /scanner page does not currently exist in the project, and users have no interface to interact with the upcoming barcode/QR scanning functionality. This creates a gap in the user journey for medicine verification.

Expected Behavior

• A clear page title and feature overview should be visible.
• A scanner placeholder section/card should be present.
• A "Coming Soon" indicator for barcode/QR scanning functionality should be displayed.
• User instructions explaining the future verification process should be included.
• Responsive design for both mobile and desktop devices should be implemented.
• Accessibility-friendly UI components should be used.
• Consistent styling aligned with the existing SahiDawa design system should be followed.

Suggested Fix

1. Create the /scanner page with the required components.
2. If the page exists partially:
   • Add the missing placeholder and instructions components.
   • Ensure the design matches the existing SahiDawa design system.
3. If it does not exist:
   • Create the page from scratch using the suggested file structure below.
   • Or update any existing broken route references.

apps/web/app/scanner/page.tsx
apps/web/components/scanner/ScannerPlaceholder.tsx
apps/web/components/scanner/ScannerInstructions.tsx

Impact

• Improves onboarding experience for new users exploring the medicine verification feature.
• Prevents confusion during navigation to the /scanner route.
• Ensures UI consistency across the application.

I would like to work on this issue. Kindly assign it to me.

[github-actions]

Thanks for opening your first issue on DevTrack! 🎉

A maintainer will take a look shortly. In the meantime:

• Check the Contributing guide if you are planning to work on this
• Browse Discussions for Q&A and ideas
• Look for good first issue if you want somewhere to start

If you find DevTrack useful, a ⭐ star on the repo is always appreciated — it helps the project reach more developers!

[S-MOHAMMED-ISMAIL]

Hi, I would like to work on this issue under GSSoC.

I plan to implement the required fix and submit a PR soon.

Could you please assign this issue to me?

[github-actions]

Assigned to @S-MOHAMMED-ISMAIL! You have 7 days to open a PR. No PR after 7 days = auto-unassigned so others can pick it up. Good luck!