Skip to content

Latest commit

 

History

History
134 lines (104 loc) · 7.13 KB

README.md

File metadata and controls

134 lines (104 loc) · 7.13 KB

Social Network - PetChat

Índice


1. Resumo do Projeto

O PetChat é uma ferramenta de chat desenvolvida para conectar tutores de animais de estimação, permitindo que eles compartilhem dúvidas e experiências relacionadas aos seus pets. A plataforma oferece uma comunidade online onde os usuários podem postar comentários, receber curtidas e respostas de outros membros. O objetivo principal é fornecer um espaço interativo e colaborativo para os amantes de animais, permitindo que eles compartilhem conhecimentos, recebam suporte e se conectem uns com os outros. Os tutores podem utilizar o PetChat para fazer perguntas sobre cuidados específicos para seus animais, como alimentação, exercícios, treinamento, saúde e comportamento. Os outros usuários podem curtir as publicações e responder com conselhos, experiências pessoais ou palavras de encorajamento.

- Desenvolvido por:

2. Histórias do usuário

História de Usuário 1: Registro e Gerenciamento de Conta

Como usuário, desejo criar uma conta de acesso, fazer login, criar, editar, deletar e dar likes em publicações.

  • Critérios de Aceitação:
  • O usuário pode se registrar usando seu email, senha e preenchendo um apelido ou nome de usuário.
  • Se o email fornecido for inválido, o usuário receberá um alerta informando para inserir um email válido.
  • O usuário pode optar por fazer login rapidamente usando a opção "Entrar com o Google".
  • O acesso ao feed de publicações só é permitido após o registro completo do usuário.
  • O registro deve ser fácil de realizar em qualquer dispositivo, mantendo a interface do aplicativo.

História de Usuário 2: Funcionalidades da Rede Social

Eu, como usuário registrado, quero poder fazer publicações, compartilhar informações úteis sobre animais de estimação.

  • Critérios de Aceitação:
  • O usuário registrado pode fazer publicações para compartilhar com a comunidade na página do feed.
  • Os usuários podem visualizar as publicações de outros usuários no feed da PetChat.
  • Os usuários podem curtir as publicações de outros usuários.
  • Os usuários podem comentar nas publicações de outros usuários.
  • O sistema exibe informações úteis sobre cuidados com animais de estimação, incluindo artigos e dicas relevantes.

História de Usuário 3: Compartilhando Experiências e Informações.

Eu, como usuário já registrado, quero poder compartilhar minha experiência, criar posts com informações sobre veterinários recomendados, histórias de adoção de animais ou dicas de cuidados para compartilhar com outros usuários.

-Critérios de Aceitação:

  • Os usuários podem criar posts contendo informações sobre veterinários recomendados, histórias de adoção de animais ou dicas de cuidados para compartilhar com a comunidade.
  • Os usuários podem criar posts contendo informações sobre veterinários recomendados, histórias de adoção de animais ou dicas
  • Outros usuários podem visualizar e interagir com os posts curtindo
  • Os posts podem incluir texto relevante e detalhado.

3. Teste de usabilidade

Realizamos teste de usabilidade, através do Google forms, para avaliar a experiência do usuário em nosso projeto. O objetivo desse teste foi identificar possíveis problemas de usabilidade, obter feedback dos usuários e realizar melhorias com base nessas informações.

image image

4. Protótipos

Protótipo de alta fidelidade - Desktop

  • Home: image
  • Registro: image
  • Feed: image

Protótipo de alta fidelidade - Mobile

image

image

image

Protótipo de baixa fidelidade Desktop

  • Home: image
  • Registro: image
  • Feed: image

5. Objetivos de aprendizagem

  • Uso de HTML semântico
  • Uso de seletores de CSS
  • Modelo de caixa (box model): borda, margem, preenchimento
  • Uso de flexbox e grid em CSS
  • Uso de seletores de DOM
  • Manipulação de eventos de DOM (listeners, propagação, delegação)
  • Arrays (arranjos)
  • Objetos (key, value)
  • Variáveis (declaração, atribuição, escopo)
  • Promessas
  • Diferenciar entre tipos de dados primitivos e não primitivos
  • Uso de condicionais (if-else, switch, operador ternário, lógica booleana)
  • Funções (params, args, return)
  • Single Page Application (SPA)
  • Testes unitários (unit tests)
  • Testes assíncronos
  • Uso de mocks e espiões
  • Firebase Auth
  • Firestore

5. Tecnológias Utilizadas


HTML CSS JS Figma Trello git github Firebase VSCode Node