Skip to content

๐Ÿ”ฎ A delightful personality test website that reveals your unique traits through fun questions. Discover your spirit animal, strengths, career insights, and more across 16 personality types. Built with React + Vite.

Notifications You must be signed in to change notification settings

chhedadhruv/trueyouteller

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

32 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ”ฎ TrueYouTeller

โœจ Your magical guide to self-discovery! โœจ

Discover your true personality with our fun, insightful, and delightfully cute personality test

Made with React Powered by Vite Firebase

๐Ÿš€ Live Demo โ€ข ๐Ÿ“– Documentation โ€ข ๐ŸŽฎ Mini Games โ€ข ๐Ÿ“ž Contact


๐ŸŒŸ What is TrueYouTeller?

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

โœจ Features

๐ŸŽฏ Core Experience

  • ๐Ÿ“ 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

๐ŸŽฎ Mini-Games

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?

๐Ÿ“Š Comprehensive Personality Analysis

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

๐Ÿš€ Getting Started

๐Ÿ“‹ Prerequisites

Make sure you have the following installed:

๐Ÿ› ๏ธ Installation

  1. Clone the repository

    git clone https://github.com/your_username/trueyouteller.git
    cd trueyouteller
  2. Install dependencies

    yarn install
  3. Start the development server

    yarn dev
  4. Open your browser and navigate to http://localhost:5173 ๐ŸŽ‰

๐Ÿ“œ Available Scripts

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

๐ŸŽญ Personality Types

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 ๐ŸŽฏ

๐Ÿ—๏ธ Project Structure

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

๐Ÿ› ๏ธ Built With

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

๐ŸŽฎ Mini-Games

๐Ÿ‘ซ Friends Quiz

"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

๐ŸŽญ Inside Out Quiz

"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

๐Ÿ™ Acknowledgments

  • ๐ŸŽจ 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

๐Ÿ“ž Contact & Support


๐Ÿ”ฎ Ready to discover your true self? โœจ

๐Ÿš€ Take the Test Now!

Made with ๐Ÿ’– by the TrueYouTeller team

About

๐Ÿ”ฎ A delightful personality test website that reveals your unique traits through fun questions. Discover your spirit animal, strengths, career insights, and more across 16 personality types. Built with React + Vite.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published