Descrição

Neste projeto você irá construir uma aplicação completa de acompanhamento de hábitos! Com direito a cadastro, login e muitas bibliotecas 🙂.

Requisitos

• Não é necessário fazer a versão para desktop, somente mobile

Tela de Login

• Deve ser enviado o email e senha para a API conforme documentação
  
• Enquanto estiver carregando, os campos e o botão devem ser desabilitados, conforme layout
  
• Em caso de sucesso, o usuário deve ser redirecionado para a rota /hoje
  
• Em caso de sucesso, o usuário deve ser redirecionado para a rota /hoje
  
• Ao clicar no link para se cadastrar, o usuário deve ser redirecionado para a rota /cadastro
  

Tela de Cadastro

• Os dados devem ser enviados para a API conforme documentação
  
• Enquanto estiver carregando, os campos e o botão devem ser desabilitados, conforme layout
  
• Em caso de sucesso, o usuário deve ser redirecionado para a rota / (rota de Login)
  
• Em caso de falha, deve ser exibido um alert informando para o usuário e os campos/botão devem ser habilitados novamente
  
• Ao clicar no link para logar, o usuário deve ser redirecionado para a rota / (rota de Login)
  

Topo e Menu

• Topo e menu devem ter posicionamento fixo e no topo deve ser exibida a foto do usuário conforme layout
  
• No menu, os 3 botões de Hábitos, Hoje e Histórico devem redirecionar o usuário para as rotas /habitos, /hoje e /historico respectivamente
  
• O botão de Hoje deve exibir uma barra de progresso circular indicando a porcentagem de conclusão de hábitos de hoje do usuário
  

Tela Hábitos

• Carregar os hábitos do usuário, mandando request pra API conforme documentação e exibindo abaixo conforme layout
• Ao clicar para deletar um hábito, deve ser exibido um confirm para confirmar se o usuário gostaria realmente de apagar o hábito. Se sim, deve ser enviado um request pra API conforme documentação e os hábitos recarregados logo em seguida.
• Caso o usuário não tenha nenhum hábito cadastrado, deve ser exibido o texto conforme layout
• Ao clicar no botão de "+", deve-se exibir um formulário de cadastro de hábito logo abaixo do título conforme layout
• O usuário deve inserir o nome do hábito em um campo de texto e selecionar os dias da semana que deseja realizar o hábito conforme layout
• Ao salvar, devem ser enviados os dados para API conforme documentação
• Enquanto estiver carregando, o campo de texto e o botão devem ser desabilitados, conforme layout. Os botões dos dias da semana devem ser desabilitados, porém não é necessária mudança visual durante o loading.
• Em caso de sucesso, os campos devem ser limpos e reabilitados, o formulário deve ser escondido novamente e a lista de hábitos abaixo recarregada
• Em caso de erro, os campos devem ser reabilitados e um alerta deve indicar o problema para o usuário
• Ao Cancelar, o formulário deve ser escondido. Caso tenha dados já preenchidos, os mesmos devem ser mantidos caso o usuário reabra o formulário de criação.

Tela Hoje

• Carregar os hábitos de hoje do usuário, mandando request pra API conforme documentação e exibindo abaixo conforme layout
• O título da tela deve exibir o dia de hoje conforme layout
• No subtítulo deve ser exibida a frase "Nenhum hábito concluído ainda" ou "x% dos hábitos concluídos", dependendo do progresso do usuário
• Ao marcar ou desmarcar um hábito como concluído, deve ser enviado um request pra API conforme documentação. Não é necessário colocar loading.
• Ao marcar um hábito como concluído, deve ser colocada em verde a contagem da sequência atual
• Caso a sequência atual seja igual ao recorde do usuário, este também deve ser exibido em verde

Tela Histórico

• Deve ser exibido o texto conforme layout <<<<<<< HEAD

Tech Stack

=======

Tech Stack

b0cc223d664c6cd954d71dd05eb08db240b7f47f

Linguagens e ferramentas:

=======

Deploy

O layout da aplicação está disponível no Vercel: