♠️ Vamos a crear un sistema aleatorio y justo de sacrificios de coders.
- 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
- HTML
- CSS
- Javascript
- Figma
- Visual Studio Code
- Trello
- Git / GitHub
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.
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.
- Atomic Design
- Responsive design (Html - Css)
- Pseudoclases (Css)
- Box Model (Html - Css)
- Events and event Handler (Javascript)
- Funciones (Javascript)
- DOM (Javascript - HTML)
- 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.
- 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.)
- 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
- Maquetar una aplicación
- Desarrollar una interfaz de usuario web dinámica y adaptable con Javascript
- Creatividad conceptual del proyecto
Rosa Rubio
Lorena Morales
Florencia Bordon
Teresa Villa
Cindy Leiva