maahnbraz / sap010-social-network

Terceito Projeto do Bootcamp da Laboratoria. Projeto Rede Social, tema Travellers Book, uma rede social para compartilhar sobre viagens. Feito em conjunto com @AlessandraAlvesLopes e @Alinepamplona

Rede Social - TravellersBook

Acesse o projeto: aqui

Status do projeto: Em desenvolvimento ✔
Tecnologias utilizadas:

Índice

• 1. Prefácio
• 2. Resumo do projeto
• 3. Protótipos de baixa e alta fidelidade
• 4. Histórias do usuário
• 5. Objetivos Alcançados
• 6. Testes Unitários
• 7. Desenvolvedoras

---

1. Prefácio

Desenvolvido no bootcamp da Laboratória, a ideia era criar uma rede social, tendo o escopo do tema, do layout e histórias do usuário totalmente desenvolvido por nós.

2. Resumo do projeto

TravellersBook é uma rede social desenvolvida para que todas as pessoas que amam viajar possam compartilhar suas experiências e receber dicas sobre viagens. Neste projeto, foi desenvolvida uma SPA (Single Page Application) responsiva. Nela, é possível fazer, editar, curtir e excluir publicações.

Além disso permite a qualquer usuário criar uma conta de acesso, logar-se com ela, criar, editar, deletar e dar likes em publicações.

O objetivo principal de aprendizagem deste projeto foi construir uma Single-page Application (SPA) responsiva (com mais de uma tela/ página) na qual é possível ler e escrever dados.

Logotipo e nome: O logotipo passa a ideia de estar sempre nas nuvens, viajando, criando experiências. O nome "TravellersBook" remete aos diarios de bordos, caderno de anotações de viagens.

Slogan:
"Explore, compartilhe, viaje com seu guia de aventuras."

Apresentação do site: Imagine ter acesso a um mundo de conhecimento de viajantes experientes, prontos para compartilhar suas dicas e segredos para criar viagens inesquecíveis. Aqui você pode explorar destinos exóticos, cidades vibrantes e gastronomias incríveis de forma mais autêntica. Prepare-se para voar em um universo de descobertas. Nós da TravellersBook acreditamos que a viagem é muito mais do que um destino - é uma jornada enriquecedora que nos conecta e nos transforma.

3. Protótipos de baixa e alta fidelidade

Protótipo de baixa fidelidade:

Protótipo de alta fidelidade:

4. Histórias do usuário

Foram definidas as seguintes histórias de usuários, com respectivos critérios de aceitação e definições de pronto:

I - Página Login

a) Como usuário não autenticado desejo ter a opção de fazer login usando o endereço de e-mail e senha para acessar a conta pessoal no site.

b) Como novo usuário desejo ter a opção de fazer login usando a conta Google para acessar o site com mais facilidade.

c) Como usuário de dispositivo móvel desejo ter uma experiência de login responsiva, onde os campos de entrada e botões se ajustem à tela do dispositivo e sejam fáceis de usar.

II - Página Register

a) Novo usuário deseja ter a opção de criar uma nova conta no site, fornecendo nome, endereço de e-mail e senha para registrar e acessar recursos exclusivos.

b) Como usuário eu quero que apareça um aviso caso não tenha preenchido os campos corretamente.

c) Ao terminar de me cadastrar e apertar o botão de “Cadastrar”, me informe por meio de aviso que o cadastro ocorreu corretamente.

III - Página Feed

a) Os usuários podem explorar uma página que exibirá todos os posts disponíveis.

b) Cada post conterá o texto da experiência do usuário, seu nome e a data em que foi publicado. Dessa forma, poderei ler as experiências compartilhadas pelos outros usuários.

c) Para interagir com os posts, terei a opção de dar um like individualmente a cada post que me agradar. Isso me permitirá demonstrar meu apoio e apreciação pelos conteúdos compartilhados.

d) Caso deseje voltar à tela inicial de Login, terei a opção de retornar à Home diretamente do feed. Isso me proporcionará a flexibilidade de explorar outros recursos do sistema ou realizar um novo login, se necessário.

e) Além disso, dentro da página do Feed, encontrarei a opção de publicar um novo post. Isso me permitirá compartilhar minhas próprias experiências e contribuir com a comunidade.

f) Por fim, caso decida sair da página do Feed, terei a opção de sair diretamente, encerrando minha sessão no sistema de forma conveniente.

Definição de pronto

A funcionalidade cumpre e satisfaz os critérios de aceitação.

O layout está de acordo com o protótipo.

O código desta funcionalidade recebeu code review.

A funcionalidade foi testada manualmente.

Foram feitos testes de usabilidade.

5. Objetivos alcançados

• Criação de uma SPA;
• Responsivo;
• Criação dos testes;
• Testes unitários cobrem mais do que 70% de statements, functions, lines e branches;
• Login através do firebase;
• Usuário pode criar conta;
• Usuário pode logar com google e/ou e-mail e senha;
• Somente usuários com contas válidas têm acesso permitido;
• A conta do usuário deve ser um email válido;
• Formulários de registro e login passam por uma validação;
• Em casos de erro, mensagens descritivas devem são exibidas para ajudar o usuário;
• O conteúdo da timeline apenas é mostrado se o usuário estiver logado;
• Usuário pode publicar posts;
• Usuário pode curtir publicações;
• Usuário pode editar e excluir as suas publicações;
• Posts são atualizados em tempo real;

6.Testes Unitários

7. Desenvolvedoras

Aline Pamplona

Alessandra Alves

Marina Braz