katia-mendes / SAP009-social-network

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Social Network - HelParents


HTML5 CSS3 JavaScript Firebase

Acesse ao projeto aqui

Índice


1. Resumo do Projeto 📝

A HelParents é uma Rede social para compartilhar informações e orientações auxiliando pais e cuidadores sobre o uso da internet por crianças e adolescentes.

O Projeto teve como principal objetivo construir uma Single Page Application responsiva, com mais de uma tela/página, permitindo a qualquer usuário criar uma conta de acesso, logar-se com ela (via cadastro ou google autentificação), criar, editar, deletar e dar likes em publicações.


2. Estrutura do Projeto ⚙

O Projeto foi construído e implementado a partir dos seguintes critérios:

A) Definição do produto

Nome: HelParents

Objetivo: Rede social com o objetivo de ser um espaço para compartilhamento de informações e orientações direcionada a cuidadores e/ou responsáveis por crianças e adolescente acerca do uso da internet e seus aplicativos.

Principais usuários: Pais, cuidadores e/ou responsáveis por crianças e adolescentes e profissionais que atuam com esse público nas diversas instâncias - Saúde, Educação, Assistência Social, entre outros.

B) Histórias de usuário

Para a produção da página, construímos três Histórias de Usuário, conforme dispostas a seguir:

1 O usuário deve poder criar uma conta de acesso ou autenticar-se com conta de e-mail e senha e também com uma conta do Google.

Critérios de aceitação:

  • Usuário com conta válida para ter acesso;
  • Usuário criar conta.

Definições de pronto:

  • Inputs funcionando e armazenando os dados;
  • Senha mascarada;
  • Validação com e-mail e senha;
  • Validação via conta Google.

2 O usuário deve conseguir escrever um post, editá-lo e receber um aviso caso queira apagá-lo.

Critérios de aceitação:

  • Usuário ter um espaço para escrever o post;
  • Ao clicar na postagem o usuário pode ter a opção de editá-la;
  • Usuário recebe um aviso caso queira apagar a publicação.

Definições de pronto:

  • Box para escrita da mensagem;
  • Botões de Postar/Editar/Excluir funcionando e armazenando os dados;
  • Aviso de exclusão do conteúdo caso o usuário selecione essa opção.

3 O usuário deve conseguir visualizar e curtir as postagens de outros usuários.

Critérios de aceitação:

  • Visualizar os posts na tela;
  • Curtir/Descurtir uma única vez as postagens.

Definições de pronto:

  • Aparecer as postagens de outros usuários na tela;
  • Ação de curtir/descurtir.

3. Interface da página

tela inicial de login
Tela 1: Tela inicial de login para desktop.
tela cadastro
Tela 2: Tela de cadastro.

👩🏻‍💻 Desenvolvido por:

Edimara Arcanjo | Linkedin
Erika Oliveira | Linkedin
Katia Mendes | Linkedim

About


Languages

Language:JavaScript 75.3%Language:CSS 23.1%Language:HTML 1.6%