React Element Quiz

The React Element Quiz is an interactive web app that determines your elemental affinity based on your preferences. Built with React. Done as a final project for Codédex's React course.

Features

• Interactive quiz with dynamic questions
• Real-time result calculation based on user answers
• React Hooks for state management of our quiz results
• Navigation using React Router
• Fetches and displays a random dog image from Dog CEO API (Project Requirement)

Cloning and Setting Up the Element Quiz Project in VSCode

Prerequisites:

• Node.js

• Vite

• react-router-dom

Steps:

1. Open your terminal and run the following command to create a new Vite project:

    npm create vite@latest
   

2. Follow the prompts to:

   Name your project. Select React. Select JavaScript.

3. Replace the newly created src folder with the src folder from your GitHub repository.

4. Run the app with:

    npm run dev
   

This should set up your Element Quiz project in VSCode.

Vercel Live Demo:

https://raven-react-element-quiz.vercel.app/