Giter Site home page Giter Site logo

taekwongo-frontend's Introduction

taekwongo-frontend

Frontend for Taekwongo app

taekwongo-frontend's People

Contributors

marcodicro avatar marqqitos avatar felire avatar physics-sec avatar facucompe avatar feliredespegar avatar cmauro96 avatar

Stargazers

 avatar

Watchers

James Cloos avatar  avatar  avatar  avatar  avatar

Forkers

marcodicro

taekwongo-frontend's Issues

Creación de pantalla de Entrenamiento

  • Título “Entrenamiento”

  • Botón para crear nuevo entrenamiento:

    • Al hacer click mostrar Pop up con:
      • Input para nombre
      • Elegir si es de velocidad o fuerza
      • Botón para guardar o cancelar
    • Al apretar “Guardar”:
      • Se cierra el Pop up
      • El entrenamiento figura en la pantalla
    • Al apretar “Cancelar”:
      • Se cierra el Pop up
      • El entrenamiento no se guarda
  • Mostrar todos los entrenamientos existentes

Creación de pantalla Reglamento

  • Título "Reglamento"
  • Botón "Descargar Reglamento" que inicia la descarga del mismo
  • Entradas de novedades referidas al reglamento

Error entre pantallas

Al ir desde calendario a arbitraje (si no me equivoco) medio que se cuelga y se queda en arbitraje. El resto de los pasajes anda bien, hay algun problema con el calendario.

Mostrar gráfico e historial registrado cuando se selecciona un entrenamiento

Una vez realizada la pantalla de entrenamiento, al seleccionar un entrenamiento existente:

  • Redirige a una pantalla nueva que muestra:
    • Si hay al menos un movimiento registrado:
      • Gráfico con los últimos 5 movimientos registrados (si son menos, se muestran esos en el gráfico)
        • Al hacer click en el gráfico, éste te lleva a otra pantalla donde se muestra un histórico de los golpes en forma gráfica
      • Debajo del gráfico:
        • Mejor golpe registrado con su medición
        • Entradas con el historial de movimientos con su medición
      • Botón en la parte inferior de la pantalla que diga "Continuar entrenamiento"
    • Si no hay movimientos:
      • Mostrar botón que diga "Comenzar entrenamiento"

Creación de pantalla de Log In

Debe contener

  • Input para ingresar usuario
  • Input para ingresar contraseña (enmascarado)
  • Botón de iniciar sesión
  • Botón para registrarse
  • Link para recuperar contraseña

Conexión con pulsera cuando se selecciona un entrenamiento

Dentro de la pantalla del entrenamiento seleccionado

  • Si no hay movimientos registrados, al hacer click en el boton "Comenzar Entrenamiento", implementar la conexión con la pulsera (Mostrar mensaje que se está intentando conectar?).

  • Si hubiese movimientos registrados, al hacer click en el botón "Continuar Entrenamiento", implementar la conexión con la pulsera (Mostrar mensaje que se está intentando conectar?).

  • Desplegar mensaje indicando si la conexión fue correcta o no.

Creación de pantalla de Calendario

Debe incluir:

  • Título "Calendario"
  • Filtro en la parte superior por mes y tipo de competencia (ver Relevamiento para ver como se agrupan)
  • Mostrar entradas, de forma cronológica y mayor o igual a la fecha actual, de las competencias

Creación de pantalla de Vídeos de Técnica

  • Título "Vídeos de Técnica"
  • Botones con cada una de las categorías (Ver Relevamiento)
    • Al acceder a cada categoría se mostrarán los vídeos asociados a la misma en una nueva pantalla con siendo su título la categoría de la técnica.
    • Un vídeo puede pertenecer a más de una categoría por lo que debe aparecer al acceder a cualquiera de ellas

Agregar funcionalidad a la pantalla de Log In

Al apretar el botón de "Iniciar Sesión":

  • Validemos que los inputs tengan valores
  • Se haga la llamada al backend para validar los datos
  • En caso de inicio correcto redirigirlos a la pagina de entrenamientos
  • En caso de errores mostrarlos por pantallas con un mensaje expresivo que no revele mucha información

Al apretar el botón de "Registrar":

  • Pantalla con el formulario de registración
  • Botón de "Registrarse"
  • Botón de "Cancelar"

Al apretar el botón de "Olvidé mi contraseña"

  • Solicitar nombre de usuario o email
  • Enviar mail y empezar sistema de recupero de contraseña

Creación de pantalla de Pumse

  • Título "Pumse"
  • Botones para acceder a cada una de las 17 formas:
    • Al hacer click en un botón, se debe mostrar en una nueva pantalla como título la forma, la imagen asociada a la forma y en caso de existir, el video que muestra como se hace la forma.

Implementar menú desplegable

Implementar menú desplegable como en la imagen, permitiendo acceder a todas las pantallas desde ese menú y que sea posible acceder al mismo también desde cualquier pantalla.

  • Debe incluir opción para desloguearse de la cuenta al final del menú.
    • Al clickear esta opción desloguea al usuario de su cuenta y lo manda a la pantalla de Log In.

image

Organizar directorios (Prioridad baja)

Me he peleado bastantes horas intentando separar los archivos en directorios y no pude (React los deja de encontrar por mas que se especifique bien la ruta), es horrible meter todo en la carpeta components pero sino queda otra, siempre prefiero avanzar y emprolijar cosas al final

Registrar movimientos del entrenamiento

Una vez realizada la conexión con la pulsera, el entrenamiento comienza y por cada registro que recibimos de la pulsera deberíamos mostrarlos en la pantalla en el orden en que nos llegan

  • Debe haber un botón que diga "Detener" para parar el entrenamiento:
    • Cuando es presionado, se le debe permitir al usuario ver los movimientos registrados y descartar los que considere erróneos
    • Debe aparecer un botón guardar para registrar los movimientos
      • Cuando es presionado debe:
        • Generar el gráfico con los datos obtenidos
        • Mostrar las entradas con los movimientos registrados
        • Actualizar cual fue el mejor movimiento de la sesión si supera al previo

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.