Es una pagina web referente a los atletas ganadores de melladas de las Olimpiadas de Rio 2016. Diseñada para ser intuitiva a la hora de buscar alguna información de interés a secar de cualquier atleta, país o deporte, siendo una experiencia agradable de búsqueda para el usuario, aunado a ello podrás encontrar el ranking de países con mas medallas ganadas y un visualización de los atletas con mayor numero de medallas.
- ¿Quiénes son los principales usuarios de producto?
-Deportistas. -Aficionados.
-
¿Cuáles son los objetivos de estos usuarios en relación con el producto?
-Presentar datos acerca de la participación de los deportistas masculinos y femeninos en los diferentes deportes. - Conseguir deportistas de alto nivel mundial .- Buscar como debe ser el nivel para llegar a los juegos.
-
¿Cuáles son los datos más relevantes que quieren ver en la interfaz y por qué?
- Que nuestro usuario pueda visualizar cuales son los paises con mas medallas ganadas, el gráfico representa el total de medallas que ha conseguido cada país, con esto nuestro usuario podra buscar de mejor forma los atletas de su interes.
- Diseñar la aplicación pensando y entendiendo al usuario.
- Crear prototipos para obtener feedback e iterar.
- Aplicar los principios de diseño visual (contraste, alineación, jerarquía)
- Uso de HTML semántico.
- Uso de selectores de CSS.
- Uso de flexbox en CSS.
- Uso de condicionales.
- Uso de bucles.
- Uso de funciones (parámetros | argumentos | valor de retorno).
- Manipular arrays (filter | map | sort ).
- Manejo de eventos.
- Uso de selectores del DOM.
- Manejo de eventos del DOM.
- Manipulación dinámica del DOM.
- Testeo unitario.
- Organizar y dividir el código en módulos (Modularización).
- Uso de identificadores descriptivos.
- Uso de linter (ESLINT).
- Uso de comandos de git (add | commit | pull | status | push).
- Manejo de repositorios de GitHub (clone | fork | gh-pages)
- Colaboración en Github (branches | pull requests )
-Prototipo de baja fidelidad:
-Prototipo en Figma💜
Las Pruebas Unitarias (tests), permiten que las funciones encargadas de procesar, filtrar y ordenar la data, así como calcular estadísticas funcionen correctamente.
Estas deben dar una cobertura del 70% de statements (sentencias), functions (funciones), lines (líneas), y branches (ramas) del archivo src/data.js que contenga las funciones.
Trello: https://trello.com/b/ie6yBVJQ/rio-2016
-Ana Karina Gonzalez
-Karen Berrio
-Naimerith Magdaleno