- 1. Presentación del Producto
- 2. Definición del Producto
- 3. Diseño de la Interfaz de Usuario
- 4. Testeos de Usabilidad con Maze
- 5. Imagen Final del Producto
- 6. Objetivos de aprendizaje
Las redes sociales han invadido nuestras vidas, qué mejor manera de sacarle provecho que perteneciendo a una red donde puedes socializar con otras personas interesadas en el Yoga y los beneficios que su práctica puede brindar a tu vida.
Yug es Tú red social por excelencia, donde podrás encontrar y compartir contenido sobre el mundo del Yoga, desde tips que puedas descubrir, imágenes de tus avances que quieras compartir, hasta recomendaciones sobre cómo mejorar tus habilidades en esta completa disciplina.
Los usuarios principales a los que va dirigido YUG son todas aquellas personas que tengan algún interés en compartir o conseguir cualquier información referente al yoga, sin distinción de sexo o experticia. Solo necesitan sentir atracción hacia esta hermosa disciplina física y mental. Apunta a mayores de 18 años de edad ya que les interesa más buscar este estado de relajación y meditación.
En la actualidad, con la situación que se vive a nivel mundial, los usuarios necesitan encontrar personas que compartan su mismo interés, donde puedan obtener cualquier tip/comentario sobre el Yoga y ampliar sus conocimientos sobre este mundo tan amplío. De igual forma, pueden compartir sus experiencias o avances alcanzados y sentirse acompañados desde sus hogares mientras practican esta disciplina.
Historia 1
“Yo como usuario interesado en yoga quiero registrarme en YUG con un correo electrónico y contraseña para pertenecer a la Red Social.”
- Criterios de aceptación: El usuario puede registrarse usando cuenta de correo electrónico y contraseña válidos. Recibe un correo de confirmación en el que debe hacer click para activar su cuenta, de lo contrario no puede ingresar.
Historia 2
“Yo como usuario de YUG quiero iniciar sesión para ingresar a la página.”
- Criterios de aceptación: El usuario, ya registrado, puede iniciar sesión mediante un correo electrónico y contraseña, dirigiendolo al “muro”.
Historia 3
“Yo como usuario de YUG quiero registrarme con Google en la app para ingresar a la Red Social.”
- Criterios de aceptación: En el home de la aplicación el usuario puede registrarse haciendo click en el logo de Google, dirigiendolo al “muro".
Historia 4
“Yo como usuario de YUG quiero crear y publicar contenido para aportar a la comunidad.”
- Criterios de aceptación: A través del menú el usuario puede crear y publicar contenido que se subirá al “muro” de la aplicación.
Historia 5
“Yo como usuario de YUG quiero editar el contenido que publique en la página para poder confirmar lo publicado.”
- Criterios de aceptación: El usuario mediante un botón puede acceder a editar la publicación, para volver a publicarla.
Historia 6
“Yo como usuario de YUG quiero un botón de eliminar en las publicaciones para poder borrar contenido que divulgue.”
- Criterios de aceptación: El usuario mediante el botón de editar contenido puede optar por eliminar su publicación y guardar los cambios.
Historia 7
“Yo como usuario de YUG quiero un botón de dar y quitar “like” en una publicación, que los contabilice en tiempo real, para demostrar que es un buen contenido.”
- Criterios de aceptación: En la parte inferior de cada publicación se encuentra un icono de una flor de loto el cual el usuario puede hacer click para sumar un “like” y apretarlo nuevamente para quitar el “like”, los cuales se contabilizan en tiempo real.
Historia 8
“Yo como usuario de YUG quiero tener acceso a mi perfil de Usuario para editar mi información.”
- Criterios de aceptación: El usuario puede acceder a su perfil mediante el menú, en el que hay un icono editar donde puede modificar su información.
Nombre: ”Yug”. La palabra YOGA proviene de la palabra sánscrita Yug, que significa integración, unión. El yoga considera al ser humano como un ente holístico, integral es decir cuerpo físico, mente, intelecto y alma en armonía con la naturaleza.
Colores: Se utilizó un color naranjo tono claro, y un azul tono oscuro. A partir de ellos se creó un degradado que evoca el atardecer y la tranquilidad.
Tipografía: "Montserrat Family" en color blanco. Los cuerpos utilizados son Light, Regular, Medium, Semibold y Bold.
Visita aqui la aplicación Yug
- HTML semántico
- CSS
flexbox - Construir tu aplicación respetando el diseño realizado (maquetación).
- Uso de callbacks
- Consumo de Promesas
- Uso ES modules
(
import|export)
- Colaboración en Github
- Organización en Github
- Modularización
- Nomenclatura / Semántica
- Linting