- 1. Descripcion del Proyecto
- 2. Prototipos
- 3. Historias de Usuario
- 4. Test Unitarios
- 5. Criterios de aceptación mínimos del proyecto
- 6. Creadoras
MWUnited es una comunidad en línea creada exclusivamente para mujeres. Es un espacio seguro y cómodo donde las mujeres pueden conectarse entre sí, compartir experiencias, pensamientos y crear relaciones significativas. Puedes publicar tus pensamientos, historias y cualquier otro contenido que desees compartir con la comunidad. Tienes la opción de editar o eliminar tus propias publicaciones en cualquier momento, brindándote el control total sobre tu experiencia en la plataforma.
Nos hemos enfocado en crear una experiencia intuitiva y fácil de usar en MWUnited. Hemos realizado pruebas de usabilidad para asegurarnos de que la navegación por la plataforma, la publicación de contenido y la interacción con otras usuarias sea sencilla y agradable. Valoramos la amigabilidad y la seguridad de nuestras usuarias. Ha sido diseñada pensando en crear un ambiente acogedor y respetuoso. Nuestra comunidad se basa en el apoyo mutuo y la empatía, donde todas las mujeres pueden sentirse valoradas y escuchadas.
Únete a MWUnited y descubre un mundo de posibilidades, ofreciendo un entorno seguro, cómodo y agradable para todas sus usuarias.
Para la realización del proyecto se hizo la maquetación de baja y alta fidelidad. A continuación la maquetación de baja fidelidad:
Se pensó en un diseño amigable para la interfaz de usuario, en el cual se pudiera acceeder a las distintas vistas por medio de un solo botón. A continuación el prototipo de baja fidelidad para posts en el cual se encuentran tambien botones para ir a configuración, notificaciones, creacion de nuevo post, y perfil.
Despues de los tests de usabilidad se implementaron cambios que tenian que ver con tamaños de inputs y de iconos intuitivos. Posteriormente, implementamos la paleta de colores, iconos especificos y este fue el resultado del prototipo de alta fidelidad.
Finalmente, y despues de retroalimentación con respecto a colores, tamaño de letra y usablidad realizamos la programación de la red social.
Yo como usuaria quiero poder registrarme para poder ingresar a la aplicación.
Crear un botón para que la usuaria se registre desde la página de inicio, la usuaria puede utilizar su correo electrónico para registrarse o puede hacerlo a través de su cuenta de Google,donde se realizará automáticamente la validación del correo electrónico. La contraseña debe cumplir con ciertas características y debe mostrarse oculta.
Yo como usuario quiero poder iniciar sesion en la aplicacion para poder ver el muro.
Crear un botón para que la usuaria inicie sesion desde la pagina home,La usuaria puede ingresar su correo y contraseña en los campos correspondientes también puede iniciar sesion con google,si algún campo esta errado la usuaria puede saber cual es el error,se le hará una pregunta de validación para saber si se identifica como mujer.
Yo como usuaria quiero poder crear un post y publicarlo para que las otras personas puedan verlo
Al hacer login o signup se redirige a la usuaria al muro, puede crear un post,el cual contiene el nombre de la usuaria, fecha y hora. El post esta ordenado, siendo el mas reciente el que aparece al principio de la pagina.
Yo como usuaria quiero poder editar un post que haya creado para que las otras personas puedan verlo modificado.
Solamente la creadora del post podrá editar sus post al hacer clic en dicho boton se mostrará la informacion del post,la usuaria puede cambiar el contenido que va a editar y publicarlo actualizado con los cambios correspondientes.
Yo como usuaria quiero poder eliminar un post que haya creado para que las otras personas puedan dejar de verlo.
Solamente la creadora del post podrá tener observar el boton de eliminar, al hacer click le pide confirmacion para eliminar el post,la usuaria tiene las opciones de confirmar y eliminar el post o cancelar la eliminacion.
Yo como usuaria quiero poder darle like a los posts para expresar que me gusta.
Al hacer click en el boton like se mostrará los likes actualizados,se coloca de color morado, sí la usuaria desea quitar el like, se quitará el color morado y se disminuira el contador de los likes.
Nos gustaría informarles que, debido a limitaciones de tiempo, no hemos podido completar la implementación de las pruebas unitarias en nuestro proyecto actual. Reconocemos la importancia de las pruebas unitarias en la calidad y la estabilidad del software, y nos disculpamos por no haber podido llevarlas a cabo en esta ocasión.
Sin embargo, queremos asegurarles que entendemos la importancia de las pruebas unitarias y planeamos trabajar en ellas en futuros proyectos. Aprendemos de cada experiencia y nos esforzamos por mejorar continuamente nuestros procesos de desarrollo. En los próximos proyectos, daremos prioridad a la implementación de pruebas unitarias y nos aseguraremos de que estén incluidas en nuestras prácticas de desarrollo habituales.
- Uso de HTML semántico
- Uso de selectores de CSS
- Modelo de caja (box model)
- Uso de flexbox en CSS
- Uso de selectores del DOM
- Manejo de eventos del DOM
- Manipulación dinámica del DOM
- Ruteado
- Arrays
- Objetos
- Diferenciar entre tipos de datos primitivos y no primitivos
- Variables
- Uso de condicionales
- Uso de bucles/ciclos
- Funciones
- Módulos de ECMAScript
- Uso de linter (ESLINT)
- Uso de identificadores descriptivos
- Diferenciar entre expresiones (expressions) y sentencias (statements)
- Callbacks
- Promesas
- Git: Instalación y configuración
- Git: Control de versiones con git
- Git: Integración de cambios entre ramas
- GitHub: Creación de cuenta y repos, configuración de llaves SSH
- GitHub: Despliegue con GitHub Pages
- GitHub: Colaboración en Github
- Diseñar y desarrollar un producto o servicio poniendo a las usuarias en el centro
- Crear prototipos de alta fidelidad que incluyan interacciones
- Seguir los principios básicos de diseño visual
- Planear y ejecutar testeos de usabilidad de prototipos en distintos niveles de fidelidad
- Firebase Auth
- Firestore