Implement Product Overview screen

zintarh commented 18 hours ago

This issues is part of ODHACK 9.0, apply via the platform

Thank you for showing interest! Please implement the Product Overview screen, ensuring it matches the provided design. This is a conversion task, so the screen must be replicated exactly with attention to detail. It should be responsive and fully aligned with the design.

Please ensure to provide an ETA.

https://www.figma.com/design/dwXPww5jcUl55azC9EQ8H0/SCANGUARD?node-id=14-12&t=CY2laF37qFH954NR-1

Looking forward to seeing your great work!

MullerTheScientist commented 7 hours ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I am a full-stack developer with experience in QA testing and languages like Python, Cairo, Solidity, React, and JavaScript.

How I plan on tackling this issue

i will Create a user-friendly and visually appealing design using the provided figma desing

josephchimebuka commented 4 hours ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I am Joseph I am a frontend developer and blockchain developer and I am also an active contributor here on only dust here is my profile https://app.onlydust.com/u/josephchimebuka. This is my first time to contribute to this repo ill appreciate the opportunity to contribute. this is a couple of frontend and blockchain projects i have built https://metacrypt.vercel.app/ https://mattedsgn.com/

How I plan on tackling this issue

I will ensure the description is met by implementing the product overview screens in 3-4 days

GoSTEAN commented 4 hours ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

am a frontend developer with experience in creating responsive and pixel-perfect UI components using technologies like React, CSS Flexbox, and Figma. My experience includes working on various web development projects where attention to detail and adherence to design were critical. I also have a strong understanding of making websites responsive across different devices.

How I plan on tackling this issue

Design Inspection: Analyze the Figma design carefully, identifying all key elements, dimensions, and layout details.
Setup Project: Create or configure the project setup using React, ensuring tools like Tailwind or Bootstrap are ready for styling.
Component Structure: Break down the UI into reusable components (header, product image, description, etc.) and structure them logically in the codebase.
Responsiveness: Implement media queries or use a responsive framework to ensure the layout adjusts smoothly on various screen sizes.
Final Testing: Test across multiple devices and browsers, adjusting any alignment or visual inconsistencies to match the Figma design pixel-perfectly.

martinvibes commented 1 hour ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

hello @zintarh i'm an experienced frontend developer and a blockchain developer i would love to work on this issue Pleasee kindly assign :)

How I plan on tackling this issue

Task Summary:

Implement the Product Overview screen based on the Figma design.
Ensure the design is replicated exactly with attention to detail.
The screen must be responsive and fully aligned with the design.

ETA: 72 hrs kindly assign :)

nexlabsweb3 / scanguard