Pantalla de chapoteo

Una pantalla de salpicaduras es la pantalla inicial con el logotipo o la marca de la aplicación que aparece cuando se inicia la aplicación, proporcionando una introducción visualmente atractiva a medida que se carga.

Pantalla de inicio de sesión

La pantalla de inicio de sesión permite a los usuarios existentes acceder a sus cuentas, mientras que la pantalla de registro permite a los nuevos usuarios crear una cuenta proporcionando sus datos.

Pantalla de inicio

Una vez iniciado, la pantalla de inicio muestra una alimentación desplazable donde los usuarios pueden ver todas las publicaciones, como, comentar, compartirlas y guardarlas. Además, los usuarios pueden abrir cada publicación para ver información detallada sobre me gusta y comentarios.

Los usuarios pueden comentar y compartir las publicaciones que se muestran en las imágenes a continuación.

Pantalla de búsqueda

En la pantalla de búsqueda, los usuarios pueden navegar a la opción de búsqueda en la barra de navegación inferior para encontrar y buscar nombres de usuario disponibles en la aplicación.

Crear pantalla de publicación

Los usuarios pueden acceder a la pantalla Crear publicación a través de la barra de navegación inferior, agregar imágenes desde la galería móvil, escribir un título y publicar el contenido.

Pantalla de notificación

Los usuarios pueden navegar a la pantalla de notificaciones a través de la barra de navegación inferior para ver y abrir todas las notificaciones.

Pantalla de mensajería

Los usuarios pueden navegar a la pantalla de mensajería a través de la barra de navegación inferior, ver la lista de usuarios, seleccionar un usuario para chatear y ver todos los mensajes para esa conversación.

Para eliminar los chats de los usuarios, haga clic en los tres puntos en la esquina superior derecha de la pantalla. Esto mostrará la siguiente ventana emergente con la opción Eliminar.

Pantalla de configuración

Después de hacer clic en el icono de configuración en la esquina superior derecha, se abrirá la siguiente pantalla de configuración. Los usuarios pueden acceder:

• Centro de cuentas
• Publics guardados
• privacidad de cuenta
• bloqueado (no implementado todavía)
• Milligram Verificación
• logrout
• Eliminar opciones de cuenta

1. Centro de cuentas
Al hacer clic en el centro de cuentas, se abrirá la página siguiente. Aquí, los usuarios pueden elegir entre dos opciones adicionales:

• detalles personales
• contraseña y seguridad

Detalles personales
Después de hacer clic en la opción Detalles personales, los usuarios se dirigirán a la pantalla de datos personales donde pueden ver la dirección de correo electrónico que usaron para registrarse e iniciar sesión en la aplicación Milligram Connect.

contraseña y seguridad
Después de hacer clic en la opción de contraseña y seguridad en el centro de cuentas, los usuarios se dirigirán a la pantalla Cambiar contraseña, donde pueden actualizar su contraseña.

Abajo
Imagen izquierda: pantalla de datos personal
Imagen correcta: Pantalla de contraseña y seguridad

2. Publicaciones guardadas
Al hacer clic en la opción de publicaciones guardadas en la configuración, los usuarios serán redirigidos a la pantalla de publicaciones guardadas donde pueden ver las publicaciones que han guardado en el feed.

3. Privacidad de cuenta
Al hacer clic en la opción de privacidad de la cuenta en la configuración, los usuarios pueden elegir entre dos configuraciones de privacidad:

• Public: Todos los usuarios en la aplicación Milligram pueden ver su perfil.
• Privado: solo las personas conectadas pueden ver su perfil.

4. Verificación de miligram
Al hacer clic en la opción de verificación de miligrama en la configuración, los usuarios serán redirigidos a la pantalla de verificación de miligrama. Aquí, verán una opción para enviar un correo electrónico de verificación. Después de seleccionar esta opción, se enviará un correo electrónico de verificación a su dirección de correo electrónico registrada. El correo electrónico contendrá una URL de que los usuarios deben hacer clic para completar el proceso de verificación. Una vez verificada con éxito, la pantalla de verificación de miligrama mostrará un mensaje que dice "su identificación de correo electrónico está verificada"

5. Finalizar la sesión
Al seleccionar la opción de iniciar sesión, los usuarios se registrarán de la aplicación y se redirigirán a la pantalla de inicio de sesión.

6. Elimine su cuenta
Al seleccionar la opción Eliminar su cuenta, los usuarios pueden eliminar permanentemente su cuenta y todos los datos asociados de la aplicación.

Pantalla de perfil

Al hacer clic en la imagen del logotipo del perfil de usuario en la esquina superior izquierda, se abrirá la pantalla de perfil.

editar pantalla de perfil
Al hacer clic en el botón Editar perfil en la pantalla de perfil, los usuarios se redirigirán a la pantalla Editar perfil. La pantalla que se muestra en la imagen izquierda a continuación será visible.

Compartir perfil
Al hacer clic en el icono compartido a la derecha del nombre de usuario, los usuarios pueden compartir su URL de perfil con cualquier usuario en otras plataformas, la pantalla que se muestra en la imagen derecha a continuación será visible.

Pantalla de seguidores y seguidores
En la pantalla del perfil de usuario, si un usuario hace clic en el texto "seguidores" o "seguidores", se abrirá la pantalla respectiva. Aquí, los usuarios pueden ver la lista de seguidores que los siguen y la lista de usuarios que están siguiendo.

abra el perfil de otro usuario
Al hacer clic en cualquier usuario de las listas de seguidores o seguidores, se abrirá la pantalla de perfil de ese usuario. Los usuarios podrán ver los datos de perfil del usuario seleccionados, como se muestra en la imagen a continuación.

Descargar e instalar

¡se ha lanzado la versión de Android! Haga clic en el enlace a continuación para descargar e instalar
Milligram Connect

Pila tecnológica utilizada

• reaccionar cli nativo
• base de datos Firestore y Firebase
• Firebase correo electrónico Autenticación
• Styled-Components por Styling