- 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
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.
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.
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.
- 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;
Aline Pamplona
Alessandra Alves
Marina Braz