search

imhardikdesai / Quiz-App

This quiz web app is built using React JS. It can allow the user to select the criteria for their quiz from a list of options. The user can then proceed to answer the questions in the quiz and their performance will be tracked and shown in the scoreboard
https://ask-quiz.netlify.app/
16 stars 13 forks source link

Update ReviewAnswerBox.jsx #17

Open rishi457 opened 8 months ago

rishi457 commented 8 months ago

Chakra UI Integration: Integrated Chakra UI components such as Box for container styling.

Enhanced Styling: Applied box shadow, border, and background color to improve the appearance and readability of the question box.

Refactored Option Mapping: Modified the mapping of options for a more streamlined and efficient loop, directly using the index from the map function.

Consistent Styling Based on Answers: Adjusted the logic to ensure consistent styling classes based on correct and incorrect answers for better visual feedback.

Improved Readability: Enhanced variable naming and structure for better code readability.

These changes aim to provide a more consistent and visually appealing user interface for the ReviewAnswerBox component in your web application. The Chakra UI integration enhances the styling, and the code improvements aim to make the component more maintainable and clear.

rishi457 commented 8 months ago

Please review my merge request

netlify[bot] commented 8 months ago

Deploy Preview for ask-quiz ready!

Name Link
Latest commit d359f0d8be19ad8c3e70f2545866c622226de87a
Latest deploy log https://app.netlify.com/sites/ask-quiz/deploys/653e0318b3820300087ec3e2
Deploy Preview https://deploy-preview-17--ask-quiz.netlify.app/
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.