FRONTEND: Redesign Sign-Up Page to Match New Figma Design

[BigBen-7]

Description

Redesign Sign-In page to align with the latest Figma design. The current page uses Formik and Yup for validation, but we want to remove the existing code and implement the new design while ensuring responsiveness across all screen sizes.

Tasks

1. Remove the existing Sign-up page implementation. and validation.
2. Implement the new design as per the Figma design file.
3. Ensure the page is fully responsive across mobile, tablet, and desktop.
4. Maintain accessibility best practices.

file-path
📂 frontend
├── 📂 components
│ ├── 📄 SignUpForm.jsx

Tech Stack

• Framework: Next.js
• Styling: Tailwind CSS

Expected Outcome

• The new Sign-In page matches the Figma design exactly.
• It works across all devices with a clean, accessible UI.

[kingjosmel]

I’m a frontend developer skilled in Next.js, TypeScript, and Tailwind CSS.

I will redesign the Sign-In page to match the latest Figma design. I’ll start by removing the existing implementation, then build the new layout using Tailwind CSS while ensuring full responsiveness across mobile, tablet, and desktop. I’ll also maintain accessibility best practices to improve usability.

ETA: 5 hours Please assign me the issue.

[Sam20my]

I would love to design this, thank you.

[Amizeey]

Would love to tackle this!

[nikkybel]

Is it okay if I take this?

[Agbeleshe]

Hello, can I handle this issue? I will redesign the Sign-In page to match the latest Figma design, removing the existing Formik and Yup implementation while ensuring full responsiveness across mobile, tablet, and desktop. The new page will be built using Next.js and styled with Tailwind CSS, adhering to accessibility best practices. The final implementation will align precisely with the Figma design, providing a clean and user-friendly UI across all devices.

ETA: 24hrs

[jahrulezfrancis]

I am interested in redesigning the sign up page. I am a new contributor and would love to make this my first contribution on Dewordle . I can completely rebuild it according to the Figma design while removing the old Formik/Yup implementation.
I will ensure the new page is fully responsive across all device sizes and also maintain accessibility best practices throughout, making sure it matches the design exactly.

ETA: 12 hours

[Verifieddanny]

As a Frontend developer, I can get this done within 16 hours after being assigned

[blessingbytes]

I'm ready to tackle this issue

[FrankiePower]

Hello Team,

It's SuperFranky here, i am a diamond and returning contributor. As always I am excited to be participating in the open source week. I am a frontend and blockchain developer with over 3+ years of experience and have contributed to a variety of interesting projects in the Web3 space. My expertise is in React, Next.js, Solidity,Rust and Cairo. My most recent cairo project was building an erc1155 smart contract with programmable licensing. So i am very familiar with writing cairo and testing. I look forward to contributing to this project. Thank you for considering my application.

ETA: 48 hours

[SudiptaPaul-31]

My name is Sudipta Paul a fullstack and blockchain developer with experience of more than two years and have worked on many opensource projects

My approach:

Will first go through the figma design properly and try to replicate it
Then will check its responsiveness across all devices

eta : 2 days

[CMI-James]

Hey, I am Michael.
With my experience in Next.js and Tailwind CSS, I'd love to take on this issue. I’ll remove the existing SignUpForm implementation (including Formik and Yup validation) and redesign the Sign-In page based on the latest Figma design.
I’ll ensure the new page is fully responsive across mobile, tablet, and desktop while maintaining accessibility best practices.

ETA: 8 hours.

[Shalomnze]

I am Nze Shalom, a full stack developer with strong foundation in modern web development frameworks and technologies. My expertise includes: Nuxt.js, Next.js and Tailwind CSS with a bit of knowledge in Cairo. I am Experienced in crafting responsive, visually appealing designs using Tailwind CSS, ensuring consistency and efficiency in the development process. I have gone through the contributors guide and the figma file. I would love to contribute to this project. ETA is 24hrs

[kingjosmel]

Thanks for assigning me, I am on it now