Skip to content

AlexBarciaJS/personality-test-react

Repository files navigation

🧠 Personality Test App

A web application built with React + TypeScript that helps users discover their dominant personality type based on the four-color model from Thomas Erikson's book "Surrounded by Idiots".


🚀 Technologies Used

  • ⚛️ React
  • ⛑ TypeScript
  • 🎨 CSS Modules
  • 🗂 Modular structure (components, types, utils, constants)
  • 🔍 Vite or Create React App (depending on your setup)

🧩 How It Works

  1. The user answers 20 questions.
  2. Each answer is associated with one of four personality colors.
  3. After completion, the dominant personality percentages are calculated.
  4. A visual silhouette is shown with proportional color fill (Red, Yellow, Green, Blue).
  5. A detailed description of the result is displayed.

🛠 Installation

git clone https://github.com/AlexBarciaJS/personality-test-react.git
cd personality-test-react
npm install
npm run dev  # or npm start

🧪 Available Scripts npm run dev # Starts the development server npm run build # Builds the production-ready app npm run preview # Serves the production build locally

About

Is just a simple personality test

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published