Elemental Personality Quiz
An interactive personality quiz web application that determines your elemental personality type through fun questions and provides personalized results.
Overview
An interactive personality quiz application that helps users discover their elemental personality type (Fire, Water, Earth, or Air) through a series of engaging questions. The app provides personalized results with detailed descriptions and visual elements.
Key Features
- Interactive 5-question personality assessment
- Four elemental personality types: Fire, Water, Earth, and Air
- Dynamic progress tracking
- Personalized results with detailed descriptions
- Random pet images fetched from Dog API and Cat API
- Modern, responsive UI with smooth animations
- Restart functionality to retake the quiz
Tech Stack
- React 19
- TypeScript
- Vite (with Rolldown)
- Tailwind CSS
- React Router
- Lucide React (icons)
- ShadCN UI components
- Class Variance Authority
How to Use
Enter your name to begin the quiz.
Answer 5 questions about your preferences and personality.
View your personalized elemental personality result with description.
Share your results or restart to take the quiz again.
Personality Types
The quiz determines one of four elemental personality types:
- Fire 🔥: Bold, decisive leaders who thrive in high-energy spaces
- Water 💧: Empathetic, harmonious souls with calming influence
- Earth 🌱: Steady, nurturing personalities focused on grounding ideas
- Air 🌪️: Visionary, curious thinkers with big-picture perspectives
Links
chinteyley/personality-quiz
0
Note-Taking Web Application
A web application for managing and organizing personal notes with AI-powered features, built with Angular, MongoDB, and OpenAI.
Portfolio Website - Next.js & Fumadocs
A personal portfolio and documentation website built with Next.js, Tailwind CSS, and Fumadocs, showcasing projects, skills, and technical expertise.