Astromatch

[SthefaneOliveira]

POR FAVOR, EDITE ESSA MENSAGEM INSERINDO AS INFORMAÇÕES DO SEU PROJETO. COMECE APAGANDO ESSA LINHA.

INSIRA O NOME NOME DO PROJETO AQUI

O que funciona

• DESCREVA O QUE FUNCIONA NO SEU PROJETO

O que não funciona

falta uma parte que terminarei esse final de semana

Link Surge

A PARTIR DA SEMANA 5, INSIRA AQUI O LINK DO SURGE. ANTES DISSO, APAGUE ESSAS DUAS LINHAS.

Imagens

TIRE PRINTS DAS TELAS DO SEU SITE E COLE AQUI

[Janaylla]

Parabéns pela entrega!

Requisitos do projeto ✅

Implementações	Feito
O usuário, ao acessar a aplicação, encontra a página inicial onde aparece um perfil para dar like ou não	✅
Ao clicar em like ou dislike, um novo perfil deve aparecer ao usuário	✅
É possível acessar a tela de matches contendo os perfis que deram match	✅
Na tela da lista de matches, deve ser possível ver a foto e o nome do perfil que deu match	-
É possível resetar os matches através de um botão	-
Ao resetar os matches, a lista desaparece da tela sem a necessidade de atualizá-la	-
Enquanto o novo perfil ou a lista de matches está carregando, aparece um loading na tela	-
Ajustou o tamanho das imagens no projeto	-
Quando o usuário dá um match e recebe um match de volta, ocorre uma notificação deste fato	-
Quão fácil foi achar as informações no site?	Fácil
O que você achou do design do site?	Podemos melhorar
Funcionalidade extra	-

Feedback do código	Feito
Usou apenas componentes funcionais	✅
Criou uma única função para fazer a requisição choosePerson, recebendo true/false através do parâmetro	-
Usou um único idioma para escrever código (inglês ou português)	-
Não gerou um loop infinito de requisições na tela de matches como resultado da utilização errônea das dependências do useEffect	✅
Nomes de variáveis, funções e componentes fazem sentido	✅
Usou getProfile ao invés de choosePerson com resposta negativa para buscar perfis	-
Evitou misturar tipos de estilização (useStyles/styled components/className/etc)	✅
Fez componentização em vez de deixar tudo no App	-
Criou link do surge	-
Criou um bom readme com informações relevantes para o projeto	-

Comentários da pessoa avaliadora

Parabéns pela entrega 🚀 🚀 🚀 !! Fez bem em focar nas funcionalidades, porém seria interessante que as imagens não ocupassem tanto espaço a ponto de atrapalhar a usabilidade do projeto.

[Janaylla]

Nessa parte o único botões que manda o post de escolha para a api é o sim, caso o usuário não goste do perfil e resolva não dar matches nada acontece, sugestão de solução:

 <button onClick={()=> getMatches(true)}>Sim</button>
                <button onClick={()=> getMatches(false)}> Nao</button>

[Janaylla]

Aqui você poderia ter passado a escolha do usuário se ele gostou do perfil ou não, que o que muda em cada requisição o perfil é o mesmo que esta sendo exibido, por tanto pode vir direto do state, exemplo da sugestão:

 const getMatches = (choice) =>{
        const url = "https://us-central1-missao-newton.cloudfunctions.net/astroMatch/sthefane-oliveira-Maryam/choose-person"
        const headers = {
            headers: {
                "Content-Type":"application/json"
            }
    }
        const body ={
            id: perfil.id,
            choice: choice,
        }