Tiempo de ejecución: 8 días
Este módulo debe tener un submenú grande de la siguiente manera: Mi perfil (es la pantalla en la cual aparece por default), Insignias, grupo y eventos)
Este submenú debe también cambiar de color según la sección en la que este.
Al ir cambiando por este submenú no debería cambiar las rutas, solo debería cambiar el estado de lo que se muestra en la pantalla.
En una sección del perfil debe haber un botón (Editar perfil), al darle click a este botón debe de redirigir a la pantalla de edición de datos personales. En esta sección también debe mostrarse la foto de usuario con su respectivo nick, especialidad y una corta descripción, también deben aparecer algunas redes sociales del usuario.
Debe haber un banner donde se muestren las insignias del usuario (más adelante se detallara más esta parte(4ta etapa))
Debe haber una sección donde se muestren los eventos a los cuales te hayas inscrito (Se explicará más adelante(4ta etapa)). Esta sección debe contar con un botón (ver más) el cual redireccionará al submódulo de eventos del perfil.
Se debe hacer una sección donde se ponga la actividad reciente, si la persona se une a un evento debe de aparecer un recuadro similar al del wireframe. En la cuarta etapa se explicara el flujo para inscribirse al evento, pueden dejar este paso a la espera o lo pueden simularlo de alguna manera de momento.
En la página de editar perfil (A esta página se accede desde el botón editar perfil desde mi información personal Mi perfil) se debe poder editar y actualizar la información, debe tener la siguiente información: Avatar (no es necesario que sea editable), Nick, Correo, Género, Fecha de nacimiento, País, área de conocimiento (Un select con lo siguiente: frontend, backend, DevOps, Video Game Developers, UI/UX, Database Developer y Cloud Computing) inputs para cambiar contraseña, inputs para agregar redes sociales (Estas redes sociales deben de actualizarse en el módulo de Mi perfil y deberían funcionar al darle click), Biografía máximo 140 caracteres. debe aparecer el nombre con el que se registró previamente, así como el correo y la contraseña y esto debe poder editarse de nuevo, por último un botón para guardar la información editada y un botón de página anterior que lleve de nuevo al Perfil de usuario ( Se deja a la creatividad de cada grupo la forma de regresar a mi perfil ).
Debe poderse editar el avatar del perfil y debe poderse visualizar la nueva foto de manera correcta.
https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2F7uQif2e5SCXoUQQhH4PioM%2FProyecto-Comfeco%3Fnode-id%3D0%253A1