Final Project User Stories & Wireframes

Es hora de pensar en lo que vas a crear, tendrás que desarrollar un producto completo, preparar una presentación y presentar el producto y la idea a familiares, amigos y posibles socios.

Este proyecto debe iniciarse después de tener la clase sobre desarrollo ágil ya que tendrás que crear historias de usuario y un tablero Kanban.

Instrucciones:

1. Comienza tu proyecto con el boilerplate Full-Stack que contiene tanto el Front-End como el Back-End.

2. Añade todas tus historias de usuario en los issues (problemas) del repositorio, este será el repositorio principal para las especificaciones de tu proyecto.

3. Por favor crea un Proyecto en Github con tablero Kanban automatizado con las siguientes columnas dentro de tu KANBAN: Backlog (lista de tareas pendientes), Todo (tareas por hacer), Doing (tareas en proceso), Done (tareas hechas).

4. Ahora añade los issues o problemas en el proyecto como tarjetas, planifica tu primera iteración.

Requisitos tecnológicos para realizar este proyecto:

1. Varias páginas con HTML5 + CSS3 + Bootstrap.

2. Autetitificación de usuario (Login + Registro + Recordar Contraseña).

3. API customizada hecha con OAuth.

4. Integración de una API de terceros (embeds y iframes no cuentan), debe ser una integración back-end.

5. Aplicación React.js usando Flux y React Router.

6. Cualquier otra cosa que desees añadir.

Requerimientos de la Metodología:

1. El proyecto debe tener de 2 a 3 miembros ( 3 es mejor que 2).

2. Empieza creando los wireframes y las historias de usuario y añádelas a los issues y proyectos de tu repositorio (este requisito debe entregarse).

3. Crea todas las historias de usuarios con un criterio de aceptación.

4. Usa un tablero Kanban para hacerle seguimiento a los tableros de proyecto en Github

Creando los Wireframes:

Una buena forma de pulir tus historias de usuario es hacer un borrador de todos los wireframes de tu aplicación (puedes dibujarlos).

Por favor crea todos los wireframes para el MVP de tu aplicación.

Pasos a seguir:

• Comienza por crear un mapa de tu sitio web.

• Luego crea el wireframe de tu página principal.

• Continúa dibujando el resto de las páginas más importantes.

• Cada vez que dibujes un wireframe, identifica y destaca las partes reutilizables para así convertirlas en componentes.

• Intenta reutilizar lo que más puedas ¡mientras menos código, mejor!

• ¡No te compliques!

¡SÉ EFICIENTE!

¡Realmente EFICIENTE!

Este y otros proyectos son usados para aprender a programar por parte de los alumnos de 4Geeks Academy Coding Bootcamp realizado por Alejandro Sánchez y muchos otros contribuyentes. Conoce más sobre nuestros Curso de Programación para convertirte en Full Stack Developer, o nuestro Data Science Bootcamp.