Personality Quiz
This site is an interactive Marvel-themed personality quiz that matches users with a character based on their responses to a series of dynamic questions. Inspired by classic BuzzFeed online character quizzes, the project focuses on responsive web design and client-side logic to create a fun and engaging user experience.
ROLE: Developer
FOCUS: Front-end web dev, interactive quiz logic, UI/UX design
TECH STACK: HTML, CSS, JavaScript, Vercel
TIME FRAME: November 2024
Overview
The goal of this project was to recreate the experience of classic online personality quizzes through a responsive web interface. Users are guided through a series of 10 questions, and their selections are tracked to generate a personalized character result based on accumulated response data. Questions focus on personality traits, motivations, decision-making, hobbies, and social behavior to determine which Marvel hero best reflects the user’s personality.
Contributions
My responsibilities / contributions:
- Developed the font-end experience using HTML, CSS, and JavaScript
- Designed and implemented answer selection handling and result generation
- Built client-side logic to calculate personality outcomes and match users with corresponding characters
- Created responsive UI components
- Deployed the site through Vercel for web hosting