Hola, estoy en busca de un desarrollador frontend con buena habilidad técnica en CSS y Javascript para que desarrolle el siguiente proyecto.
Por favor leer a detalle.
Proyecto: Desarrollo frontend de vistas interactiva para niños.
El diseño muy aproximado al final es el siguiente:
https://www.figma.com/file/10cmAmhBUtIRXqUb9klsKY/Brain-Up-Emociones?node-id=0%3A1
El prototipo del flujo aproximado lo pueden ver aquí:
https://www.figma.com/proto/10cmAmhBUtIRXqUb9klsKY/Brain-Up-Emociones?page-id=0%3A1&node-id=1%3A2&viewport=241%2C48%2C0.12&scaling=scale-down-width&starting-point-node-id=1%3A2
Descripción:
1: El usuario hace clic en JUGAR y la ruleta comienza (de forma animada) a avanzar o cambiar de hasta que de forma aleatoria se detiene en alguna emoción.
2. Se despliega el nombre de la emoción marcada por la ruleta y se le muestran tres siluetas de emociones (una de ellas es la correcta y corresponde a la emoción de la ruleta) al usuario y un rostro.
3. El usuario debe poder arrastrar y soltar las siluetas de las emociones dentro del rostro y si la emoción soltada dentro del rostro es correcta se muestra la pantalla de respuesta correcta (la imagen de libro debe permitir descargar un libro en pdf) o la de respuesta incorrecta si la respuesta es incorrecta.
Información Importante:
1. El usuario target de la página no sabe leer por lo que cada instrucción de texto deberá ir acompañada de la instrucción en audio, ejemplo:
Cuando el usuario haga hover sobre el botón jugar se debe escuchar el audio "Jugar", cundo la ruleta se detenga en una emoción se debe escuchar el audio "Tu emoción es x" "Arrastra la emoción x al rostro" etc. Nosotros podemos proporcionar los audios en el formato que se nos indique.
2. Son 12 emociones, 12 siluetas de emociones y 12 rostros.
3. Se debe entregar todo el código de la vista (el css y el js) listos para integrar a un proyecto en laravel.
Plazo de Entrega: No definido