Implement New Design for Buyer Page

[pratiksardar]

• Prototype(test design) link: Figma

• Full Design Link: Figma

Acceptance Criteria,
[] if not project exists create a new new-frontend project
[] Setup new project using nextjs same tech stack as previous frontend
[] setup deployment on vercel
[] write unit tests
[] Pixel perfect the design

[BlessingEmejulu]

I believe in this project and I will like to contribute as frontend Dev

[EbukaMoses]

Hi, my name is Ebuka Moses. I’m a blockchain developer with a strong focus on Smart contract, frontend engineering and smart contract integration. Over the years, I've contributed to several open-source projects in the Web3 space and bring a deep understanding of how decentralized applications should look and feel.

I'm a StarkNet Cairo Bootcamp Cohort graduate, and while I have experience with smart contracts (Rust, Cairo, Solidity), I enjoy bringing dApps to life through intuitive, user-focused interfaces.

As a cohort captain at Web3Bridge, I mentor developers and lead sessions that bridge smart contracts with practical frontend development. I’d love the chance to contribute to this project and collaborate with others building in the ecosystem.
Please feel free to assign me to this issue.

[Naomi-Gift]

Can i work on this?

[0xDeon]

I would like to work on this
I have extensive knowledge in building intuitive UIs using react and can get this task done asap

Recommended by OnlyDust for outstanding experience and quality contributions.

[drakkomaximo]

[FE]: Setup New Frontend Project Based on Figma Design

Hi @pratiksardar and everyone! I'm a Dojo Coding member ⛩️

I'd love to contribute to this issue. With over 5 years of experience in frontend development, I’m confident I can deliver a clean, scalable, and pixel-perfect implementation based on your Figma designs.

---

✅ Steps to Resolve

1) Initialize New Frontend Project

• Create new Next.js project using the same stack as the previous frontend.
• Include TypeScript, TailwindCSS, and any required libraries like ShadCN UI.

2) Integrate Vercel Deployment

• Connect the GitHub repository with Vercel.
• Setup correct build commands and environment variables if needed.

3) Match the Figma Design (Pixel Perfect)

• Recreate layout and UI components exactly as shown in the Figma files.
• Ensure responsiveness across devices and consistent spacing, typography, and colors.

4) Write Unit Tests

• Use Jest and React Testing Library to cover key components.
• Ensure test coverage is meaningful (forms, links, and UI logic).

5) Commit and PR

• Push the changes to a new branch.
• Open a pull request describing each implementation step clearly.

---

Estimated Time: 2–4 days

---

💬 Why I’m Interested

I have strong experience building frontend apps with Next.js, TailwindCSS, and ShadCN, and I’ve contributed to several similar projects where clean UI and efficient architecture were critical. I enjoy working on structured teams and turning beautiful Figma designs into functional, high-quality interfaces.

---

📂 Previous Contributions

• [BabyBeastsv2](Minigames Modal Design UI v1 ByteBeasts/Tamagotchi#71)
• [Lyricsflip](Navbar resposive design has been updated songifi/lyricsflip#93)
• [Revolutionary Farmers](Product list design page v1 Crypto-Jaguars/Revo-Marketplace#43)
• [SafeTrust](Service search ui desgign has been completed v1 safetrustcr/dApp-SafeTrust#30)
• [Starklotto](https://starklotto.vercel.app/)
• [StarShop]([FE]: Dashboard Page UI has been created StarShopCr/StarShop-Frontend#36)
• [Timelycapsule](feat/Login Page UI design  enbliq/ourKairos#52)
• [VolunChain](Landing page UI design has been completed v1 VolunChain/VolunChain-Frontend#23)

---

📬 Social

Telegram: [drakkomaximo](https://t.me/drakkomaximo)

---

Let me know if I can get started right away — I'd love to contribute! 🙌

[wheval]

Hello @pratiksardar ,
I'm Wheval - a Frontend Developer with several experience building clean and user appealing UIs using React, Typescript, Javascript.
I would love to get this done.
I would ensure a pixel perfect implementation of the Design, and test for responsiveness across various devices.

Happy to help out with this.

ETA is 6hours

[clintjeff2]

Hello @pratiksardar,

I'm Jefferson Youashi, a professional full-stack engineer specializing in building high-performance, scalable web applications using Next.js, TypeScript, TailwindCSS, Jest, React Testing Library, and Vercel. I bring a strong focus on clean architecture, robust developer experience (DX), and production-ready pipelines. My development workflow includes end-to-end CI/CD, code linting, formatting, and pre-commit safety nets powered by tools like Husky, ESLint, Prettier, and Commitlint.

For this task, I will:

• Initialize the new-frontend project (if not already present) using Next.js and match the previous frontend stack.
• Set up project structure, development scripts, and deploy to Vercel with preview environments.
• Integrate Husky hooks to enforce pre-commit standards including linting, formatting, and testing.
• Write robust unit tests using Jest and React Testing Library to ensure component stability.
• Carefully implement the provided Figma designs, ensuring pixel-perfect adherence across breakpoints and devices.
• Maintain accessibility (a11y) and semantic HTML throughout the build.

This setup ensures the application is not just functional and beautiful, but also maintainable and production-ready from the ground up.

Estimated completion time: 24 hours max
Telegram: @JeffersonYouashi

[laryhills]

Hi team, I’d love to take this one!

✅ Plan: I’ll implement the Buyer page to match the Figma prototype and full design pixel-perfect. I’ll mirror existing tooling and ensure responsiveness.

📌 Why Me: I’ve delivered Figma-accurate pages before—reusing prior stack conventions so the team gets a consistent, maintainable implementation fast.

Recommended by OnlyDust for high-quality and dependable contributions.

[lucifer1017]

This is an easy task, let me handle this for you.