QuizQuest is a web application that allows users to test their knowledge by taking quizzes on various topics. It provides an interactive and engaging experience for users to answer multiple-choice questions and receive instant feedback on their answers.
Visit the Quiz App Website to try it out.
- User-friendly interface for taking quizzes
- Multiple-choice questions with immediate feedback
- Progress tracking and scoring
- Dynamic question rendering
- Fetches quiz data from an API
- Toast notifications for displaying messages
To run the Quiz App locally on your machine, follow these steps:
-
Clone the repository: https://github.com/Iam-tomiwa/QuizQuest.git.
-
Navigate to the project directory:
cd QuizQuest. -
Install the dependencies:
npm install. -
Start the development server:
npm run dev. -
Open your browser and copy the url generated to access the Quiz App.
To deploy the Quiz App to a production environment, you can follow these steps:
-
Build the application:
npm run build. -
Deploy the generated
buildfolder to your preferred hosting platform or server.
While the Quiz App is functional, here are some possible improvements that could enhance its development and user experience:
-
Using MUI library for more consistent component design: Incorporating a UI component library like Material-UI (MUI) can provide a consistent and visually appealing design across the app's components.
-
Using react-hook-form to manage forms: Implementing react-hook-form can simplify form handling and validation, making the codebase cleaner and more maintainable.
-
Using Redux Toolkit to manage state and API calls: Introducing Redux Toolkit can centralize state management and simplify asynchronous API calls.
Feel free to explore these suggestions and enhance the Quiz App further!