Interactive test to obtain information on social styles
- Translated version from Spanish to English.
- Inner migration from WebPack to Vite.
- Improved background pattern.
- Docs translated and updated.
According to Bolton's model, the Interpersonal Social Style Test is a test of alternatives that makes it possible to determine the level of assertiveness and emotionality of a person, with both values it is possible to determine the person's social style.
First steps:
To start the test just type your name and click the "Start!" button.
After answering the 18 questions you will get a map with your social style marked with a red dot.
It also includes information on the style obtained, levels of assertiveness and emotionality.
- Open a browser (Chrome, Firefox, Edge, Opera, Safari)
- Go to https://marfullsen.github.io/social-styles/
- Take the test, no installation needed.
- Install Node.js
- Install pnpm (or use npm, yarn, bun, etc)
git clone https://marfullsen.github.io/social-styles.git
cd social-styles
pnpm install
The scoring system was implemented through an external server, to display real data it must be configured manually, otherwise the system will display a fixed table with fixed results. When the conection to the server is not working, the app will save all the data in the local storage.
NO TEST YET. (Feel free to send them through pull requests)
npm run test:unit
pnpm run dev
- Open the browser in the url specified in the console, by default should be 127.0.0.1:5173
When moving to the production phase, it is recommended to create a file called 404.html with the same content that has the index.html file, this to ensure that the Vue router manages to redirect to the standard url and does not fall on the 404.html page provided by Github.
- @Marfullsen - Software Developer.