Welcome to the React QCM (Multiple Choice Questions) App! This application is designed to provide users with a platform to select a level, attempt a set of questions, and receive results and correctness feedback. It's built with Vite, Zustand, Tailwind CSS, and React Router.
- Screenshot 1
- Screenshot 2
- Screenshot 2
- Screenshot 3
You can access the introductory Figma design for this project by clicking here.
-
Choose Your Level: Select a difficulty level from the available options.
-
Interactive Questions: Engage with multiple-choice questions by clicking on your chosen answers.
-
Results and Correctness: Receive immediate feedback on your answers, including your overall score and the correctness of each question.
To run this app locally, follow these steps:
- Clone this repository to your local machine:
git clone https://github.com/ilorez/QCM.git
- Navigate to the project directory:
cd QCM
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and access the app at
http://localhost:<port>.
-
Vite: A fast build tool for modern web development.
-
Zustand: A minimalistic state management library for React.
-
Tailwind CSS: A utility-first CSS framework.
-
React Router: Declarative routing for React.
Happy coding!