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".
- ⚛️ React
- ⛑ TypeScript
- 🎨 CSS Modules
- 🗂 Modular structure (components, types, utils, constants)
- 🔍 Vite or Create React App (depending on your setup)
- The user answers 20 questions.
- Each answer is associated with one of four personality colors.
- After completion, the dominant personality percentages are calculated.
- A visual silhouette is shown with proportional color fill (Red, Yellow, Green, Blue).
- A detailed description of the result is displayed.
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