rakuthesenpai / pixel_art Goto Github PK

Asegurarse que al cargarse el proyecto, este contenga todos los elementos indicados en la historia de usuario

Darle un buen aspecto al diseño del proyecto

Como: Inquieto Ignacio
Quiero: guardar el progreso de mi proyecto
Para: tener una copia de reserva en caso de querer continuar luego o en emergencia

Criterios de Aceptación: Al hacer click en “Guardar Proyecto”, el proyecto debe guardarse satisfactoriamente, o sea, que no haya pérdida de información sobre el proyecto actual en el archivo generado.

Tareas:

Diseñar formato de archivo .pxart
Crear funcionalidad de poder guardar un proyecto.
Definir funcionalidad del botón “Guardar Proyecto”

Como: Carlos Creativo
Quiero: ver un menú inicial
Para: conocer las opciones que tengo tras abrir la aplicación

Criterios de Aceptación: Tras abrir la aplicación, un pequeño menú con botones “Abrir proyecto” y “Nuevo proyecto” debe aparecer.

Tareas:

1. Diseñar menu inicial
2. Crear el component de react que lo represente
3. Insertar botones del menú en el component

Asegurarse que el canvas tenga la altura y anchura indicada en la historia anterior

Como: Carlos Creativo
Quiero: ver un menú inicial
Para: conocer las opciones que tengo tras abrir la aplicación

Criterios de Aceptación: Tras abrir la aplicación, un pequeño menú con botones “Abrir proyecto” y “Nuevo proyecto” debe aparecer, además del título PixArt

Tareas:

1. Diseñar menu inicial
2. Crear el component de react que lo represente
3. Insertar botones del menú en el component

Cuando se de click al boton de "Crear Proyecto" el componente que representa al proyecto debe ser cargado

Como: Carlos Creativo
Quiero: tener una herramienta para borrar píxeles en una cuadrícula (Canvas)
Para: corregir errores

Criterios de Aceptación: Tras seleccionar la herramienta “Borrador” y hacer click en un pixel (cuadro en la cuadrícula/Canvas), este debe eliminar su color y regresar a su estado transparente.

Tareas:

1. Crear funcionalidad de poder seleccionar el elemento “Borrados” en el menu de herramientas
2. Crear funcionalidad de borrar un pixel una vez seleccionada la herramienta anterior.

Darle buen aspecto al menu inicial, esta horrible. El que lo hiso no sabe de diseño.

Como: Carlos Creativo
Quiero: abrir un proyecto guardado en mi computadora
Para: continuar mi arte

Criterios de Aceptación: Tras abrir la aplicación y seleccionar “Abrir proyecto”, se debe pedir al usuario que seleccione el archivo en su computadora de tipo “.pxart”.

Tareas:

1. Crear funcionalidad del botón “Abrir proyecto” que permita seleccionar un proyecto .pxart utilizando un explorador de archivos.

Como: Carlos Creativo
Quiero: tener una herramienta “Color” para cambiar el color de la herramienta de brocha
Para: expresarse con una variedad de colores.

Criterios de Aceptación: Al hacer click en la herramienta “Color”, puedo seleccionar cualquier color en el formato RGB (con un diseño parecido a un “color picker”) y así cambiar el color de la brocha.

Tareas:

1. Crear funcionalidad de poder tener un color seleccionado
2. Crear funcionalidad de poder cambiar el color seleccionado en base a un menu, el cual permite seleccionarlo en base a una paleta de colores, o ingresando el codiog RGB.

Crear y mostrar menu inicial al abrir la aplicacion

Aplicar validacion a los campos del menu
Aplicar validacion al boton de "Crear" para que solo este disponible cuando los campos sean validos.

Como: Inquieto Ignacio
Quiero: guardar el progreso de mi proyecto
Para: tener una copia de reserva en caso de querer continuar luego o en emergencia

Criterios de Aceptación: Al hacer click en “Guardar Proyecto”, el proyecto debe guardarse satisfactoriamente, o sea, que no haya pérdida de información sobre el proyecto actual en el archivo generado.

Tareas:

1. Diseñar formato de archivo .pxart
2. Crear funcionalidad de poder guardar un proyecto.
3. Definir funcionalidad del botón “Guardar Proyecto”

fsadf

Como: OCD Pablo
Quiero: elegir la carpeta en que se guarde mi proyecto
Para: organizar mis proyectos

Criterios de Aceptación: Al hacer click en “Guardar proyecto”, se le debe permitir al usuario elegir el destino en su computadora donde se guardará el archivo.

Tareas:
Una vez dado click al botón “Guardar Proyecto”, que se abra el explorador de archivos para seleccionar la carpeta donde se guarde el archivo.
En base al menú anterior, permitir definir nombre de archivo y que se cree el archivo .pxart

Darle buen aspecto al menu inicial. El que lo hiso no sabe de diseño

As a user creating a project
I want the application to show me an error message when I set an invalid size of grid
so that I know what I did wrong.

Criterios de aceptación:
Cuando se ingrese en cualquiera de los 2 textbox de height o width un valor fuera del rango [8,64], un mensaje debajo de estos debe aparecer como sigue: "Por favor ingrese valores entre 8 y 64 para Alto y Ancho."

Como: Carlos Creativo
Quiero: que aparezca el “Dashboard” tras confirmar la configuración de mi proyecto
Para: comenzar a generar mi arte.

Criterios de Aceptación: El Dashboard está compuesto de una barra de “herramientas”, el título del proyecto, la “cuadrícula” y dos botones para guardar y exportar el proyecto.
La barra de herramientas debe contener las siguientes opciones:
Brocha
Borrador
Color
La cuadrícula debe ser del mismo tamaño que el especificado en configuración de proyecto y debe comenzar con todas sus celdas en color transparente. Para representar la transparencia se utilizarán dos tonos distintos de gris como un tablero de ajedrez.
PENDIENTE: Agregar una imagen de sketch de como se debe ver.

Tareas:
Diseñar estructura de un proyecto abierto.
Crear component en React que lo represente
Insertar los elementos

Título
Duración
Prioridad
Abrir proyecto 2

Media
Como: Carlos Creativo
Quiero: que la cuadrícula de mi “dashboard” se actualice con el progreso del archivo seleccionado
Para: observar el progreso que tenía

Criterios de Aceptación: Tras seleccionar el archivo del proyecto deseado, la cuadrícula debe reflejar los últimos cambios guardados por Carlos en el proyecto.

Tareas:

1. Crear funcionalidad para abrir un proyecto con la informacion almacenada en el archivo .pxart seleccionado.

Como: Carlos Creativo
Quiero: tener una herramienta para pintar píxeles en una cuadrícula (Canvas)
Para: expresar los detalles que quiera

Criterios de Aceptación: Tras seleccionar la herramienta “Brocha” y hacer click en un pixel (cuadro en la cuadrícula/Canvas), este debe cambiar a color rojo.

Tareas:

1. Poder seleccionar el elemento “Brocha” en el menú de herramientas..
2. Crear funcionalidad de pintar un pixel del canvas.

Como: Flojo Flor
Quiero: barrer la herramienta de brocha a través de varios pixeles
Para: agilizar el pintado.

Criterios de Aceptación: Tras seleccionar la brocha y al hacer click y mantener presionado el botón sobre la cuadrícula, todos los pixeles por los que pase la brocha (el cursor) deben ser coloreados de acuerdo al color actual de la brocha.

Tareas:

1. Crear funcionalidad de poder pintar pixeles de manera continua mientras se deje apretado la tecla izquierda del raton.

Como: OCD Pablo
Quiero: elegir la carpeta en que se guarde mi proyecto
Para: organizar mis proyectos

Criterios de Aceptación: Al hacer click en “Guardar proyecto”, se le debe permitir al usuario elegir el destino en su computadora donde se guardará el archivo.

Tareas:
Una vez dado click al botón “Guardar Proyecto”, que se abra el explorador de archivos para seleccionar la carpeta donde se guarde el archivo.
En base al menú anterior, permitir definir nombre de archivo y que se cree el archivo .pxart

Conseguir que cuando se le de click a un pixel del Canvas, este se coloree.

Como: Carlos Creativo
Quiero: configurar mi nuevo proyecto
Para: generar el arte de acuerdo a mis necesidades.

Criterios de Aceptación: Las opciones de creado de proyecto deben contener los siguientes campos:
Label y Textbox para Nombre.
Tamaño de imágen (limitado a los valores 8x8 a 128x128, en el formato ALTURAxLARGO), el cual determina el tamaño de la cuadrícula.
Botón de confirmación de configuración.

Tareas:

1. Diseñar menu de creado de proyecto con sus opciones
2. Crear component de React que lo represente.
3. Insertar elementos del menu
4. Crear funcionalidad de botón de confirmación, la cual permita cargar un component que represente un proyecto.

Como: Flojo Flor
Quiero: barrer la herramienta de brocha a través de varios pixeles
Para: agilizar el pintado.

Criterios de Aceptación: Tras seleccionar la brocha y al hacer click y mantener presionado el botón sobre la cuadrícula, todos los pixeles por los que pase la brocha (el cursor) deben ser coloreados de acuerdo al color actual de la brocha.

Tareas:

1. Crear funcionalidad de poder pintar pixeles de manera continua mientras se deje apretado la tecla izquierda del raton.

Como: OCD Pablo
Quiero: elegir la carpeta en que se exporte mi imagen png
Para: organizar mis imágenes

Criterios de Aceptación: Al hacer click en “Exportar proyecto”, se le debe permitir al usuario elegir el destino en su computadora donde se guardará el archivo.

Tareas:

1. Una vez dado click al boton “Exportar Proyecto”, Permitir abrir un explorador de archivos para poder seleccionar una carpeta donde guardar una imagen y definir el nombre.

Como: Carlos Creativo
Quiero: abrir un proyecto guardado en mi computadora
Para: continuar mi arte

Criterios de Aceptación: Tras abrir la aplicación y seleccionar “Abrir proyecto”, se debe pedir al usuario que seleccione el archivo en su computadora de tipo “.pxart”.

Tareas:

1. Crear funcionalidad del botón “Abrir proyecto” que permita seleccionar un proyecto .pxart utilizando un explorador de archivos.

As a user creating a project
I want to set a grid with height and width in the range [8,48]
so that my picture is not too big

Criterios de aceptación:
Los rangos válidos para mostrar error deben cambiarse de [8,128] a [8,48].

Como: OCD Pablo
Quiero: elegir la carpeta en que se exporte mi imagen png
Para: organizar mis imágenes

Criterios de Aceptación: Al hacer click en “Exportar proyecto”, se le debe permitir al usuario elegir el destino en su computadora donde se guardará el archivo.

Tareas:

1. Una vez dado click al boton “Exportar Proyecto”, Permitir abrir un explorador de archivos para poder seleccionar una carpeta donde guardar una imagen y definir el nombre.

Como: Carlos Creativo
Quiero: configurar mi nuevo proyecto
Para: generar el arte de acuerdo a mis necesidades.

Criterios de Aceptación: Las opciones de creado de proyecto deben contener los siguientes campos:
Label y Textbox para Nombre.
Tamaño de imágen (limitado a los valores 8x8 a 128x128, en el formato ALTURAxLARGO), el cual determina el tamaño de la cuadrícula.
Botón de confirmación de configuración.

Tareas:

1. Diseñar menu de creado de proyecto con sus opciones
2. Crear component de React que lo represente.
3. Insertar elementos del menu
4. Crear funcionalidad de botón de confirmación, la cual permita cargar un component que represente un proyecto.

Como: Carlos Creativo
Quiero: que la cuadrícula de mi “dashboard” se actualice con el progreso del archivo seleccionado
Para: observar el progreso que tenía

Criterios de Aceptación: Tras seleccionar el archivo del proyecto deseado, la cuadrícula debe reflejar los últimos cambios guardados por Carlos en el proyecto.

Tareas:

1. Crear funcionalidad para abrir un proyecto con la informacion almacenada en el archivo .pxart seleccionado.

Como: Carlos Creativo
Quiero: crear un nuevo proyecto
Para: comenzar a plasmar mi dibujo

Criterios de Aceptación: Tras abrir la aplicación y seleccionar “Nuevo proyecto”, las opciones de creado de proyecto deben aparecer.

Tareas:

1. Crear funcionalidad de boton “Nuevo proyecto” la cual permita abrir un component el cual contenga los elementos necesarios para definir las características de un proyecto.

Como: Carlos Creativo
Quiero: tener una herramienta para pintar píxeles en una cuadrícula (Canvas)
Para: expresar los detalles que quiera

Criterios de Aceptación: Tras seleccionar la herramienta “Brocha” y hacer click en un pixel (cuadro en la cuadrícula/Canvas), este debe cambiar de color.

Tareas:

1. Poder seleccionar el elemento “Brocha” en el menú de herramientas..
2. Crear funcionalidad de pintar un pixel del canvas.

Como: Sandra Social
Quiero: exportar el proyecto creado a una de imagen png
Para: compartirlo con mis seguidores

Criterios de Aceptación: Al hacer click en “Exportar proyecto”, una imagen PNG debe generarse y descargarse en la computadora de Sandra, equivalente al dibujo plasmado en la cuadrícula de su proyecto y el tamaño especificado en la configuración del proyecto.

Tareas:

1. Crear funcionalidad del boton “Exportar Proyecto” para que se pueda guardar una imagen.

Como: Sandra Social
Quiero: exportar el proyecto creado a una de imagen png
Para: compartirlo con mis seguidores

Criterios de Aceptación: Al hacer click en “Exportar proyecto”, una imagen PNG debe generarse y descargarse en la computadora de Sandra, equivalente al dibujo plasmado en la cuadrícula de su proyecto y el tamaño especificado en la configuración del proyecto.

Tareas:

1. Crear funcionalidad del boton “Exportar Proyecto” para que se pueda guardar una imagen.

Como: Carlos Creativo
Quiero: tener una herramienta “Color” para cambiar el color de la herramienta de brocha
Para: expresarse con una variedad de colores.

Criterios de Aceptación: Al hacer click en la herramienta “Color”, puedo seleccionar cualquier color en el formato RGB (con un diseño parecido a un “color picker”) y así cambiar el color de la brocha.

Tareas:

1. Crear funcionalidad de poder tener un color seleccionado
2. Crear funcionalidad de poder cambiar el color seleccionado en base a un menu, el cual permite seleccionarlo en base a una paleta de colores, o ingresando el codiog RGB.

Como: Carlos Creativo
Quiero: que aparezca el “Dashboard” tras confirmar la configuración de mi proyecto
Para: comenzar a generar mi arte.

Criterios de Aceptación: El Dashboard está compuesto de una barra de “herramientas”, el título del proyecto, la “cuadrícula” y dos botones para guardar y exportar el proyecto.
La barra de herramientas debe contener las siguientes opciones (como placeholders):
Brocha
Borrador
Color
La cuadrícula debe ser del mismo tamaño que el especificado en configuración de proyecto y debe comenzar con todas sus celdas en color transparente. Para representar la transparencia se utilizarán dos tonos distintos de gris como un tablero de ajedrez.

Pueden usar piskel para inspirarse en el diseño

Tareas:
Diseñar estructura de un proyecto abierto.
Crear component en React que lo represente
Insertar los elementos

Como: Carlos Creativo
Quiero: crear un nuevo proyecto
Para: comenzar a plasmar mi dibujo

Criterios de Aceptación: Tras abrir la aplicación y seleccionar “Nuevo proyecto”, las opciones de creado de proyecto deben aparecer.

Tareas:

1. Crear funcionalidad de boton “Nuevo proyecto” la cual permita abrir un component el cual contenga los elementos necesarios para definir las características de un proyecto.

Como: Carlos Creativo
Quiero: tener una herramienta para borrar píxeles en una cuadrícula (Canvas)
Para: corregir errores

Criterios de Aceptación: Tras seleccionar la herramienta “Borrador” y hacer click en un pixel (cuadro en la cuadrícula/Canvas), este debe eliminar su color y regresar a su estado transparente.

Tareas:

1. Crear funcionalidad de poder seleccionar el elemento “Borrados” en el menu de herramientas
2. Crear funcionalidad de borrar un pixel una vez seleccionada la herramienta anterior.