"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Experiência de aplicativo de mídia social de conexão com miligrama

Experiência de aplicativo de mídia social de conexão com miligrama

Postado em 2025-04-29
Navegar:812

Tela de respingos

Uma tela Splash é a tela inicial com o logotipo ou marca do aplicativo que aparece quando o aplicativo é iniciado, fornecendo uma introdução visualmente envolvente à medida que carrega.
Milligram-Connect Social Media Application

Tela de login

A tela de login permite que os usuários existentes acessem suas contas, enquanto a tela de inscrição permite que novos usuários criem uma conta fornecendo seus detalhes.
Milligram-Connect Social Media Application

Tela inicial

Uma vez conectado, a tela inicial exibe um feed rolável, onde os usuários podem visualizar todas as postagens, como, comentar, compartilhar e salvá -las. Além disso, os usuários podem abrir cada postagem para ver informações detalhadas sobre curtidas e comentários.
Milligram-Connect Social Media Application

Os usuários podem comentar e compartilhar nas postagens mostradas nas imagens abaixo.
Milligram-Connect Social Media Application

Tela de pesquisa

Na tela de pesquisa, os usuários podem navegar até a opção de pesquisa no barro de navas inferiores para encontrar e pesquisar nomes de usuário disponíveis no aplicativo.
Milligram-Connect Social Media Application

Crie tela de postagem

Os usuários podem acessar a tela Criar post através da barra de navegação inferior, adicionar imagens da galeria móvel, escrever uma legenda e postar o conteúdo.
Milligram-Connect Social Media Application

Tela de notificação

Os usuários podem navegar para a tela de notificações através da barra de navegação inferior para visualizar e abrir todas as notificações.
Milligram-Connect Social Media Application

Tela de mensagens

Os usuários podem navegar para a tela de mensagens através da barra de navegação inferior, visualizar a lista de usuários, selecionar um usuário para conversar e ver todas as mensagens para essa conversa.
Milligram-Connect Social Media Application
Para excluir os bate -papos do usuário, clique nos três pontos no canto superior direito da tela. Isso exibirá o seguinte pop -up com a opção Excluir.
Milligram-Connect Social Media Application

Tela Configurações

Depois de clicar no ícone Configurações no canto superior direito, a tela de configurações a seguir será aberta. Os usuários podem acessar:

  • Center
  • Postagens salvas
  • privacidade da conta
  • bloqueado (ainda não implementado)
  • Verificação Miligram
  • LOGOUT
  • exclua opções de conta

Milligram-Connect Social Media Application

1. Centro de conta
Ao clicar no centro da conta, a página a seguir será aberta. Aqui, os usuários podem escolher entre duas opções adicionais:

  • Detalhes pessoais
  • senha e segurança

Milligram-Connect Social Media Application

Detalhes pessoais
Depois de clicar na opção de detalhes pessoais, os usuários serão direcionados para a tela de detalhes pessoais, onde podem visualizar o endereço de e -mail que usavam para se registrar e fazer login no aplicativo Miligram Connect.

senha e segurança
Depois de clicar na opção de senha e segurança no centro da conta, os usuários serão direcionados para a tela Alterar senha, onde podem atualizar sua senha.

Abaixo
Imagem à esquerda: tela de detalhes pessoais
Imagem à direita: Senha e tela de segurança

Milligram-Connect Social Media Application

2. Postagens salvas
Ao clicar na opção de postagens salvas nas configurações, os usuários serão redirecionados para a tela de postagens salvas, onde podem visualizar as postagens que salvaram no feed.
Milligram-Connect Social Media Application

3. Conta Privacy
Ao clicar na opção de privacidade da conta nas configurações, os usuários podem escolher entre duas configurações de privacidade:

  • public: Todos os usuários do aplicativo Miligram podem ver seu perfil.
  • Privado: Somente pessoas conectadas podem ver seu perfil. Milligram-Connect Social Media Application

4. Verificação de Miligram
Ao clicar na opção de verificação de miligramas nas configurações, os usuários serão redirecionados para a tela de verificação de miligrama. Aqui, eles verão uma opção para enviar um email de verificação. Depois de selecionar esta opção, um email de verificação será enviado para o endereço de email registrado. O email conterá um URL que os usuários devem clicar para concluir o processo de verificação. Uma vez verificado com sucesso, a tela de verificação de miligrama exibirá uma mensagem dizendo "Seu ID de email é verificado".

Milligram-Connect Social Media Application

5. Log Out
Ao selecionar a opção Log Out, os usuários serão registrados no aplicativo e redirecionados para a tela de login.

6. Exclua sua conta
Ao selecionar a opção Excluir sua conta, os usuários podem excluir permanentemente sua conta e todos os dados associados do aplicativo.

Tela de perfil

Ao clicar na imagem do logotipo do perfil do usuário no canto superior esquerdo, a tela do perfil será aberta.
Milligram-Connect Social Media Application

edit Screen Profile
Ao clicar no botão Editar perfil na tela de perfil, os usuários serão redirecionados para a tela Editar perfil. A tela mostrada na imagem esquerda abaixo se tornará visível.

compartilhar perfil
Ao clicar no ícone Share, à direita do nome de usuário, os usuários podem compartilhar seu URL de perfil com qualquer usuário em outras plataformas, a tela mostrada na imagem certa abaixo se tornará visível.
Milligram-Connect Social Media Application

Seguidores e seguidores Screen
Na tela do perfil do usuário, se um usuário clicar no texto "seguidores" ou "seguintes", a respectiva tela será aberta. Aqui, os usuários podem visualizar a lista de seguidores que os seguem e a lista de usuários que estão seguindo.
Milligram-Connect Social Media Application

Abra o perfil do outro usuário
Ao clicar em qualquer usuário das listas de seguidores ou seguintes, a tela de perfil desse usuário será aberta. Os usuários poderão visualizar os dados do perfil do usuário selecionado, conforme mostrado na imagem abaixo.
Milligram-Connect Social Media Application

Baixar e instalar

A versão do Android foi lançada! Clique no link abaixo para baixar e instalar
Miligram Connect
Milligram-Connect Social Media Application

Pilha de tecnologia usada

  • reage cli nativo
  • Firestore e Firebase Database
  • Autenticação por e -mail do Firebase
  • Componentes de estilo para Styling
Declaração de lançamento Este artigo é reproduzido em: https://dev.to/soumuyajit7/milligram-connect-social-media-application-57gn?1 Se houver alguma infração, entre em contato com [email protected] para excluí-lo.
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3