React JS IQ Quiz App

Overview

The React IQ Quiz App is a simple, web-based application that provides users with an attractive UI with some IQ questions of different difficulties to check their logic & intelligence.

Features

• Responsive Design: Optimized for both desktop and mobile devices, ensuring a seamless user experience.
• IQ Question: This app contains 10 IQ Questions of different types such as coding-decoding, series & Odd One Out.

Technical Specifications

• Frontend: The user interface is crafted using HTML, Tailwind-CSS, and React JS, providing a clean and intuitive experience.

Tailwind CSS Specifications

• Transition: Applied transition effect on text after hover on it.
• Colors: Applied different color combinations for attractiveness.
• Radio Buttons: Applied custom properties for a new look.
• Layout: Applied Grid & List layout based on different devices.

React JS Specification

• useState Hook: To render components using state management and handling quiz data.
• && Operator: This operator dynamically manage the pages (Home, Quiz & Result) based on user interaction.
• createContext: To create a context within app so that each component can use the necessary data.
• useContext Hook: To easily access states & functions ia a component.

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

---

Usage:
Access the React Quiz App application through the web browser.

https://devByWaleed.github.io/quiz-app/