Social Network - Food Review

Acesse o projeto através do Firebase Hosting

Tecnologias utilizadas:

---

Índice

• 1. Resumo do Projeto
• 2. Histórias de Usuários
• 3. Protótipo
• 4. Teste de Usuabilidade
• 5. Testes Unitários
• 6. Objetivos alcançados
• 7. Equipe do Projeto

---

1. Resumo do Projeto 📓

O Food Review é um website voltado para os amantes de lugares culinários, com intuito de trazer referências de restaurantes de vários tipos e gostos para os nossos usuários. Além disso, você terá a oportunidade de fazer suas próprias recomendações, interagir com publicações e posts, e expressar suas preferências. Neste projeto, foi desenvolvida uma SPA (Single Page Application) responsiva.

2. Histórias de Usuários 🔍

3. Protótipo 🖊️

Desenvolvemos nossos protótipos de alta fidelidade no Figma, tendo em mente um tema moderno e sofisticado, escolhendo cores presentes na gastronomia.

Versão Mobile

Versão Web

4. Teste de Usabilidade 📱

Os testes de usabilidade foram feitos com potenciais usuários ao longo do desenvolvimento do projeto.

Através do feedback de usuários foram implementadas as seguintes alterações:

• Adicionamos um link de volta na tela de cadastro que permite o usuário retornar facilmente à tela de login, caso já possua um cadastro.
• Incluir uma mensagem informado que o cadastro foi realizado com sucesso.
• Retirar a opção de login com o facebook, por apresentar problemas no momento de efetivar a autenticação de alguns usuários.
• Inserir algum conteúdo que esclareça qual é o objetivo da nossa rede social.

5. Testes Unitários 👌

Desenvolvemos testes unitários abrangendo as funcionalidades do Firebase e do Firestore.

6. Objetivos alcançados ✅

• [:star:] construir uma Single-page Application (SPA) responsiva na qual seja possível ler e escrever dados;
• [:star:] Criação dos testes unitários;
• [:star:] Login com Firebase;
• [:star:] Usuário pode criar conta;
• [:star:] Usuário pode logar com google ou e-mail e senha cadastrado no site;
• [:star:] Somente usuários com contas válidas têm acesso permitido;
• [:star:] A conta do usuário deve ser um email válido;
• [:star:] O que o usuário digita no campo de senha (input) é secreto;
• [:star:] Formulários de registro e login passam por uma validação;
• [:star:] Em casos de erro, mensagens descritivas devem são exibidas para ajudar o usuário;
• [:star:] Ao publicar, é verificado se há conteúdo no input;
• [:star:] O conteúdo da timeline apenas é mostrado se o usuário estiver logado;
• [:star:] Usuário pode publicar posts;
• [:star:] Usuário pode curtir publicações;
• [:star:] Usuário pode editar e excluir as suas publicações;
• [:star:] Posts são atualizados em tempo real.

7. Equipe do Projeto 👥

Desenvolvido por:
Mislene Moura
Linkedin | Github
Nívia Miranda
Linkedin | Github
Roxane Príncipe
Linkedin | Github