Skip to content

Marfullsen/estilos-sociales

Repository files navigation

app-icon

¡Conoce tu estilo social!

gh-pages Vue-3.2.26 Vue-cli-4.5.15 Vue-router-4.0.12 materialize

Test interactivo para obtener información sobre estilos sociales

¡Nuevas características!

  • Tabla con los últimos 5 resultados.
  • Arreglados ciertos detalles estéticos.
  • Política de privacidad.

📝 Contenidos

🧐 ¿Qué es el test de estilos sociales?

Screenshot del test

El test de estilo social de relación interpersonal, según el modelo de Bolton, es una prueba de alternativas que permite obtener los niveles de asertividad y emotividad de una persona, con ambos valores se puede determinar el estilo social al que pertenece.

🏁 ¡Empecemos!

Primeros pasos:

Para iniciar la prueba sólo escribe tu nombre y dale click al botón "¡Empezar!"

Luego de responder las 18 preguntas obtendrás un mapa con tu estilo social marcado con un punto rojo.

Mapa_Cartesiano_Wilson_Learning

Además se incluye información sobre el estilo obtenido, niveles de asertividad y emotividad.

Requisitos previos

Para realizar el test

Para editar el código y recompilar

  • Node.js
  • Vue + Vue-CLI + Vue-Router

Instalación

git clone https://github.com/Marfullsen/estilos-sociales.git

cd estilos-sociales

npm install

Configuración adicional

Puntuaciones

El sistema de puntajes se implementó mediante un servidor externo, para visualizar datos reales se deberá configurar manualmente, en caso contrario el sistema mostrará una tabla fija con resultados ficticios.

Puntajes

🔧 Correr las pruebas

npm run test:unit

🎈 Ejecución

npm run serve
  • Abrir el navegador en la url especificada en consola, posiblemente 127.0.0.1:8080

🚀 Fase de producción

Cuando se pase a la fase de producción, se recomienda crear un archivo llamado 404.html con el mismo contenido que tiene el archivo index.html, esto para lograr que el enrutador de Vue logre redireccionar a la url estándar y no caiga en la página 404.html que nos provee Github.

⛏️ Tecnologías usadas

  • Vue.js - Framework de JavaScript para FrontEnd.

Mockups

Mockup_1

✍️ Autores

🎉 Referencias