A React-based interactive personality quiz application that determines your elemental affinity (Fire, Water, Earth, or Air) based on your answers to a series of questions. The app displays artwork from the Metropolitan Museum of Art API based on your quiz result.
- User name personalization
- Interactive quiz questions with emoji-enhanced options
- Fetches and displays relevant artwork from the Metropolitan Museum of Art API
- Responsive design for various screen sizes
- React
- React Router for navigation
- Hooks for state management
- Context API for global state
- Fetch API for data retrieval
- Clone the repository
- Install dependencies:
npm install - Start the development server:
npm run dev - Open your browser and navigate to the provided local URL (usually http://localhost:5173)
The quiz determines your element (Fire, Water, Earth, or Air) based on which element received the most votes through your answers. Each answer is associated with an element, and the element with the highest count becomes your result.