Skip to content

Latest commit

 

History

History
56 lines (26 loc) · 1.26 KB

README.md

File metadata and controls

56 lines (26 loc) · 1.26 KB
Raw

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/

121

2