Skip to content

This is a MBTI Personality Test App to discover Myers-Briggs Type Indicator (MBTI) personality type through a quiz. Built with React, TypeScript, Framer Motion, and Tailwind CSS.

License

Notifications You must be signed in to change notification settings

JohnDev19/Personality-Test-App

Repository files navigation

MBTI Personality Test App

Overview

This is a MBTI Personality Test App to discover Myers-Briggs Type Indicator (MBTI) personality type through a quiz. Built with React, TypeScript, Framer Motion, and Tailwind CSS.

4_20250308_174012_0000 5_20250308_174012_0001 6_20250308_174013_0002

Features

  • Personality Test – Answer some questions to determine your MBTI type.
  • Smooth Animations – Framer Motion is used for a sleek and engaging UI.
  • Results – Get a breakdown of your personality type, strengths, and areas for growth.
  • Session Storage – Saves your name and test progress.
  • Export & Share Results – Download your personality report as a PDF or share your results with friends.

Tech Stack

  • React (Next.js)
  • TypeScript
  • Framer Motion – For animations
  • Tailwind CSS – For styling
  • React Query – For handling API requests
  • Lucide Icons – Beautiful, modern icons
  • Wouter – Lightweight routing
  • jsPDF – PDF generation for exporting results
  • Radix UI – Accessible UI components

How It Works

  1. Enter Your Name – Your name will be saved in session storage for a more personalized experience.
  2. Start the Test – Answer a series of multiple-choice questions.
  3. Get Your Results – Your MBTI personality type is displayed with insights.
  4. Share & Download – Share your personality type or download a PDF report of your results.

Contributions

Contributions are welcome! Feel free to fork the repo, create a branch, and submit a PR.

License

This project is MIT Licensed – free to use and modify.

About

This is a MBTI Personality Test App to discover Myers-Briggs Type Indicator (MBTI) personality type through a quiz. Built with React, TypeScript, Framer Motion, and Tailwind CSS.

Topics

Resources

License

Stars

Watchers

Forks

Languages