Refont quiz - Final Review

[Kevils]

Description 📹

Issues :

• Refont quiz - All pages - "Cancel" button hover animation #1043
• Refont quiz - Main page - "Start Quiz" Button #1044
• Refont quiz - Main page - Refont of title #1045
• Refont quiz - Main page - Refont description text #1046
• Refont quiz - Main page - Add padding between the elements #1047
• Refont quiz - Main page - Add new background animation #1048
• Refont quiz - Quiz - Icon color #1049
• Refont quiz - Quiz - Chip border radius #1050
• Refont quiz - Quiz - Add padding between the elements #1051
• Refont quiz - Quiz - Modify the style of the card #1052
• Refont quiz/ Quiz - Button "OK" #1053
• Refont quiz - Success page - Modify the content #1054
• Refont quiz - Success page - New background animation #1055
• Refont quiz - Defeat page - New background animation #1056
• Refont quiz - Defeat page - Modify the content #1057
• Refont quiz - Defeat page - Stick the buttons together #1058

Your task will be to check that all the issues have been correctly developed, that the components are properly arranged, and that everything matches exactly as in the Figma design: https://www.figma.com/design/fh0OAvj4AS08kHoSxu3DkE/%F0%9F%9A%80-Starknet-Quest?node-id=6837-7063&t=Ph0cLxeucMJgr0Q9-1

Proposed Actions 🛠️

Here’s a checklist of actions to follow for resolving this issue:

1. Fork and Create Branch:
   Fork the repository and create a new branch using the issue number:

   git checkout -b fix-[issue-number]

2. Implement Changes:
   [Insert Code snippet if needed with a mardown todo list]

3. Run Tests and Commit Changes:
   Make sure your changes don't break existing functionality and commit with a clear message:

   git commit -m "Fix: [Short description of the fix]"

Required 📋

To keep our workflow smooth, please make sure you follow these guidelines:

• Assignment: Don't create a pull request if you weren’t assigned to this issue.
• Timeframe: Complete the task within 3 business days.
• Closing the Issue: In your PR description, close the issue by writing Close #[issue_id].
• Review Process:
  • Once you've submitted your PR, change the label to "ready for review".
  • If changes are requested, address them and then update the label back to "ready for review" once done.
• Testing: Test your PR locally before pushing, and verify that tests and build are working after pushing.

Thank you for your contribution 🙏

⚠️ WARNING: Failure to follow the requirements above may result in being added to the OnlyDust blacklist, affecting your ability to receive future rewards.

[livinalt]

Hi, I am Jeremiah, a frontend developer, am applying to conduct the final review, ensuring all issues are resolved and the implementation aligns perfectly with the Figma design. I would be glad to get assigned to this issue.

[Elite-tch]

Can I try solving this issue?

[Verifieddanny]

Can I handle this task?

[dicethedev]

May I take this issue on?

[tali-creator]

I want to give this a try, I have had previous knowledge on managing project before, I see this task as a means to contribute to this project
If am being assigned

[Nomolos29]

Why I’m the Best Fit:
As a Frontend Developer and UI Designer, I bring a strong focus on reusability, scalability, and performance to every project. My expertise in Next.js, TypeScript, and Tailwind CSS allows me to create clean, maintainable, and dynamic UI components that align perfectly with the needs of the Selfie Verification feature.

I have hands-on experience in refactoring and optimizing components to improve performance and ensure consistency across applications. This not only makes development faster but also ensures that updates are easier to implement, whether by the original developer or a new team member. My ability to design user-friendly, interactive interfaces ensures a seamless experience for users during the selfie submission and liveness detection process.

---

Example of My Work:
You can see my approach to building scalable and reusable components in action here: https://staging.acedboard.com/v2. This project demonstrates my ability to deliver clean, efficient, and visually consistent UIs.

[enyinnaya1234]

can i take on this issue?

[OgbuGideon]

Hi, my name is Gideon and i am a front-end developer with experience solving problems using front-end technologies such as typescript, javascript and react. This is my first time contributing on this platform. I have gone through the projects and i am particularly interested in contributing to this. I am very confident that i can deliver this within the specified time.

ETA <= 24hrs

[Edoscoba]

Hi, I'm Simon, a front-end developer and UI/UX specialist with extensive experience in ensuring pixel-perfect design implementations.
I am excited to apply for the task of verifying the Refont Quiz updates against the provided Figma design.

I will:

• Fork the repository and create a branch per the guidelines.
• Check that all issues (from button hover animations to layout adjustments and background animations) are correctly developed.
• Ensure every component is properly arranged and matches the Figma design exactly.
• Run tests to confirm no functionality is broken.

I look forward to contributing to this project and ensuring a seamless, design-accurate user experience.

[legend4tech]

I’d love to work on this task.

[iamifechi]

Hello @Kevils , asking for clarity, does this mean whoever is assigned this issue is also assigned to the other issues listed here or would this issue be required to wait for the other issues to be closed by other contributors before proceeding with this?