/wheel-of-doom

Proyecto Wheel of Doom. Grupo 4

Primary LanguageCSS

image

Wheel of Doom

wheelofDeath1

Objetivos

♠️ Vamos a crear un sistema aleatorio y justo de sacrificios de coders.

📓 Competencias técnicas

  • Maquetar una aplicación - Nivel 3: Crear
  • Crear una interfaz de usuario web dinámica y adaptable - Nivel 3: Crear
  • Manipular los Eventos de la web y ejecutar acciones en Javascript

💻 Tecnologías

  • HTML
  • CSS
  • Javascript

🛠Herramientas

  • Figma
  • Visual Studio Code
  • Trello
  • Git / GitHub

Contexto del proyecto

La asociación Sacrificios SAS precursora de grandes eventos tales como la purga, el laberinto, los juegos del hambre, battle royale, el juego del calamar, entre otros; quiere desarrollar una aplicación web para un nuevo evento de sacrifico de coders, la aplicación debe ser un sistema de sacrificios justo y aleatorio, en la que se hará el sorteo de una lista de nombres.

Metodología y fases del proyecto

Trabajaremos en equipos, usando metodologías ágiles, con los marcos de trabajo scrum y kanban, los sprints serán semanales y el proyecto deberá estar acabado en 2 sprints. Se deberá hacer daily (todos los días) y retro después de cada sprint, también se definirán los roles de Scrum.

Temas

  • Atomic Design
  • Responsive design (Html - Css)
  • Pseudoclases (Css)
  • Box Model (Html - Css)
  • Events and event Handler (Javascript)
  • Funciones (Javascript)
  • DOM (Javascript - HTML)

Requisitos funcionales

  • La aplicación DEBE tener una lista de nombres.
  • La aplicación DEBE seleccionar un nombre de la lista de coders a sacrificar.
  • la aplicación DEBE mostrar un aviso con el nomber del coder sacrificado.
  • Una vez un nombre es seleccionado NO DEBE volver a aparecer en la lista hasta que se reinicie la aplicación.
  • La aplicación DEBE tener la funcionalidad de agregar o eliminar nombres.
  • La aplicación DEBE tener muchas animaciones y transiciones.
  • La aplicación DEBE tener eventos que activen animaciones.
  • La aplicación DEBE tener efectos de sonido.
  • La aplicación DEBE tener una pantalla de inicio.
  • La aplicación DEBE tener un botón de reinicio.
  • La aplicación DEBE mostrar un aviso cuando el último coder es sacrificado.
  • La aplicación DEBE volver a la pantalla de inicio cuando el último coder es sacrificado.
  • La aplicación DEBE ser mobile first.
  • La aplicación DEBE ser responsive para 2 puntos de quiebre como mínimo.
  • ⭐ Bonus - La aplicación PUEDE ser responsive para los dispositivos en horizontal.
  • ⭐ Bonus - asegurar persistencia de datos en local storage.

Requisitos no funcionales (atributos de calidad)

  • Se usará atomic design en el diseño UI
  • El diseño de la aplicación DEBE ser creativo, interactivo y entretenido (NO DEBE ser la típica ruleta).
  • Deberá tener una estructura coherente de carpetas.
  • Deberá tener un buen naming en clases, id, funciones, etc.
  • El tema de la aplicación es de libre elección.
  • El proyecto debe usar git y estar subida en github.
  • Se puede usar cualquier librería de CSS o preprocesador como SASS.
  • La aplicación deberá contener tests unitarios con cualquier libería (jest, cypress, jasmine, mocha, chai, etc.)

Entregables

  • Presentación - máx. 15 min. por equipo de presentación y 7 min. de preguntas
    • Enlace al repositorio de Github y README que contenga el Briefing, explicación del proyecto y maquetas.
    • Tecnologías y herramientas
    • Planificación
    • Maquetación + prototipo
    • Code Review + tests
    • Demo
  • Requisitos
    • Usar Figma u otra herramienta de maquetación como Penpot
    • Utilizar Metodologías Ágiles - Scrum
    • Kanban - historias de usuario y tareas
    • Responsive

Competencias a adquirir

  • Maquetar una aplicación
  • Desarrollar una interfaz de usuario web dinámica y adaptable con Javascript
  • Creatividad conceptual del proyecto

Desarrolladoras