Skip to content

Backlog

jcsalinas20 edited this page Apr 26, 2021 · 13 revisions

Spects

Todas las horas ya tienen en cuenta un mínimo de responsive para Tablet

General

  • Creación del proyecto en GitHub y en React.js, creación de la Licencia de GitHub y .gitignore. (1 hora)
  • Creación de FireBase para la subida del proyecto e instalación del todos los paquetes necesarios con NPM (SemanticUI, JQuery y otros). (2 horas)
  • Subida de proyecto a FireBase por si Google no acepta a tiempo la extensión. (1 hora)
  • Creación del wireframes (bien detallados), ventana principal, footer, option panel(Background), option panel(Favorite), option panel(Settings), popup de favoritos y popup de apps. (8 horas)
  • Creación del popup de Favorites con opciones estáticas. (2 horas)
  • Creación del popup de Apps con opciones estáticas. (2 horas)
  • Creación del Option panel con tabs (Background, Favorites, Settings). (4 horas)
  • Mostrar la hora y día en la pantalla (actualizar hora automáticamente sin necesidad de recargar la página). (2 hora)
  • Hacer que se pueda cambiar el formato de la hora al hacerle click (de 20:00 a 08:00pm). (1 hora)
  • Creación de un footer con opciones estáticas (Diseño). (3 horas)
  • Creación del archivo 'manifest.json' para la subida a Google. (3 horas)

Option Panel (Backgrounds)

  • En la pestaña de Background, buscar imágenes, mostrar las imágenes de forma estática, aplicar CSS. (4 horas)
  • Poder seleccionar las imágenes y que al seleccionadas se muestren en el background cambiando la anterior, mostrar al usuario cual es la seleccionada. (2 horas)
  • Guardar las URLs estáticas en el localStorage del PC. (1 hora)
  • Creación de un botón para aplicar que una foto esté en favoritos, también poder quitarla de favoritos en loaclStorge. (2 horas)
  • Creación de 3 checkboxes (Random image, Favorite image, Selected image). (1 hora)
  • (Random image) Una vez se abre la ventana muestra una imagen aleatoria al usuario. (1 hora)
  • (Favorite image) Una vez se abre la ventana muestra una imagen aleatoria de las que tiene en favoritos. (2 hora)
  • (Selected image) Se le mostrará al usuario la última imagen seleccionada por el mismo. (1 hora)

Option Panel (Favorites)

  • Creación de una opción estática para aplicar CSS y maquetación (Desplegable). (2 horas)
  • Creación de un botón para crear nuevos grupos de favoritos, botón para editar el nombre del grupo (sin funcionalidad). (1 hora)
  • Hacer que los grupos de favoritos se reflejen en el popup de favorite mostrando los grupos, cuando haya algún cambio se tendrá que ver reflejado de forma inmediata en el popup. (2 horas)
  • Mostrar los nombres de los enlaces asignados al grupo en forma de etiqueta. (2 horas)
  • Hacer que los elementos de cada grupo se reflejen en el popup de favorite detectando y mostrando solo los que estén habilitados. (2 horas)
  • Hacer que los elementos de cada grupo se reflejen en el footer detectando y mostrando solo los que estén habilitados y con el switch de inFooter habilitado. (3 horas)

Option Panel (Favorites) -> Modal del Grupo

  • Diseño del Modal para la creación de nuevos grupo de favoritos. (2 horas)
  • Cuando el usuario le de al botón de añadir nuevo grupo se mostrará el Modal y al guardar (en el localStorage) se implementará en los grupos, crear comprobaciones si el nombre del grupo ya existe o si está vacio. (3 horas)
  • Cuando el usuario le de al botón de editar grupo se mostrará el Modal con las opciones del grupo y al guardar (en el localStorage) se implementarán los cambios al grupo, crear comprobaciones si el nombre del grupo ya existe o si está vacio. (1 horas)
  • Botón para eliminar el grupo, cuando se presione se mostrará un mensaje para borrarlo por completo (también se eliminaran los enlaces que hay dentro). (1 hora)

Option Panel (Favorites) -> Modal de los Elementos del Grupo

  • Diseño del Modal para la creación de nuevos elementos para el grupo de favoritos. (2 horas)
  • Cuando el usuario selecciona el botón de añadir un nuevo elemento se le abrirá el Modal: (2 + 4 horas)
    • Podrá modificar los campos, no se podrán dejar los campos vacíos y los switches podrán ser alterados sin ningún problema. (2 hora)
    • El usuario podrá subir una imagen para ponerla como icono del enlace, esta imagen será redimensionada a un tamaño de 64x64 y se guardará en el localStorage. (4 horas)
  • Cuando el usuario seleccione una etiqueta de un grupo se le mostrará el Modal con la información y la podrá modificar incluido el icono. (1 hora)
  • Botón para eliminar el elemento del grupo, cuando se presione se mostrará un mensaje para borrarlo por completo. (1 hora)

Option Panel (Settings)

  • Mostrar el listado de las opciones, introducir la configuración del usuario o la de por defecto y aplicarles diseño. (4 horas)
  • Opción de Background Animation.
  • Opción de Auto Hidden.
  • Opción de Mostrar Apps.
  • Opción de Cambiar el color del border, el fondo y la letra de Apps.
  • Opción de Mostrar Favorites.
  • Opción de Cambiar el color del border, el fondo y la letra de Favorites.
  • Opción de Mostrar Footer.
  • Opción de Poner un fondo en el footer, color del fondo y mostrar los nombres de los grupos y cambiar el color del texto.
  • Opción de Selección de idioma entre Ingles y Español.
  • Opción de Formato de Hora.
  • Opción de Formato de Fecha.
  • Opción de Importar.
  • Opción de Exportar.
  • Opción de Dark Mode.
  • Opción de Epilepsia.
  • Opción de Daltonicos.

Testing

Clone this wiki locally