โจ Your magical guide to self-discovery! โจ
Discover your true personality with our fun, insightful, and delightfully cute personality test
๐ Live Demo โข ๐ Documentation โข ๐ฎ Mini Games โข ๐ Contact
TrueYouTeller is a delightful personality test website that helps you discover your unique traits, strengths, and quirks! Our magical crystal ball reveals one of 16 distinct personality types complete with:
- ๐ฆซ Spirit Animals that represent your personality
- ๐ช Strengths & Growth Areas
- ๐ผ Career Insights & Recommendations
- โค๏ธ Relationship & Love Language Insights
- ๐จโ๐ฉโ๐งโ๐ฆ Family & Social Circle Dynamics
- ๐ Famous Personality Matches
- ๐ Engaging Personality Test - Fun, thought-provoking questions that reveal your true self
- โก Instant Results - Get your complete personality analysis immediately
- ๐ Detailed Insights - Comprehensive breakdown of your personality type
- ๐จ Cute & Modern Design - Visually delightful experience with a charming interface
- ๐ฑ Responsive Design - Perfect experience on all devices
Discover even more about yourself with our themed mini-games:
- ๐ซ Friends Quiz - Which Friends character matches your personality?
- ๐ญ Inside Out Quiz - Which emotion from Pixar's Inside Out are you?
Each result includes:
- ๐พ Spirit Animal with cute emoji representation
- ๐ก Personal Growth Recommendations
- ๐ What Energizes vs. Drains You
- ๐ผ Career Path Suggestions with specific job recommendations
- ๐ Relationship Insights including your love language
- ๐จโ๐ฉโ๐งโ๐ฆ Parenting & Friendship Styles
- ๐ Celebrity & Character Matches
Make sure you have the following installed:
-
Clone the repository
git clone https://github.com/your_username/trueyouteller.git cd trueyouteller
-
Install dependencies
yarn install
-
Start the development server
yarn dev
-
Open your browser and navigate to
http://localhost:5173
๐
Command | Description |
---|---|
yarn dev |
๐โโ๏ธ Runs the app in development mode |
yarn build |
๐๏ธ Builds the app for production |
yarn preview |
๐ Preview the production build locally |
yarn lint |
๐ Lints the project files |
Our test reveals one of 16 personality types, each with:
Code | Name | Spirit Animal | Emoji |
---|---|---|---|
ISTJ | The Logistician | Busy Beaver | ๐ฆซ |
ISFJ | The Defender | Gentle Deer | ๐ฆ |
INFJ | The Advocate | Wise Wolf | ๐บ |
INTJ | The Architect | Insightful Owl | ๐ฆ |
ISTP | The Virtuoso | Curious Cat | ๐ |
... | and 11 more! | Various Animals | ๐ฏ |
trueyouteller/
โโโ ๐ src/
โ โโโ ๐ components/ # Reusable UI components
โ โโโ ๐ pages/ # Main page components
โ โ โโโ ๐ LandingPage.jsx
โ โ โโโ ๐ TestPage.jsx
โ โ โโโ ๐ ResultsPage.jsx
โ โ โโโ ๐ DetailedResultsPage.jsx
โ โ โโโ ๐ FeedbackPage.jsx
โ โ โโโ ๐ ContactUsPage.jsx
โ โ โโโ โน๏ธ AboutUsPage.jsx
โ โโโ ๐ data/ # Quiz data and personality types
โ โ โโโ ๐ง personalityTypes.js
โ โ โโโ โ questions.js
โ โ โโโ ๐ mini-games/
โ โโโ ๐ styles/ # CSS styling files
โ โโโ ๐ assets/ # Images and static assets
โโโ ๐ package.json
Technology | Purpose | Version |
---|---|---|
โ๏ธ React | Frontend Framework | 18+ |
โก Vite | Build Tool & Dev Server | Latest |
๐ฅ Firebase | Backend & Hosting | Latest |
๐งญ React Router | Navigation | 6+ |
๐ช React Helmet | SEO & Meta Tags | Latest |
๐จ CSS3 | Styling | Latest |
"Could this BE any more accurate?"
- Discover which Friends character matches your personality
- Features all main characters with detailed personality breakdowns
- Fun references and quotes from the show
"Which emotion drives your inner world?"
- Based on Pixar's beloved Inside Out movie
- Explores your dominant emotions and psychological patterns
- Colorful, emotion-themed results
- ๐จ Design inspiration from modern personality test platforms
- ๐ง Personality type system based on established psychological frameworks
- ๐ญ Mini-game themes inspired by popular culture
- ๐ Built with love for self-discovery and personal growth
- ๐ Website: TrueYouTeller
- ๐ง Email: contact@trueyouteller.com
๐ฎ Ready to discover your true self? โจ
Made with ๐ by the TrueYouTeller team