Tecnologias

Aqui estão as tecnologias utilizadas nesse projeto:

Requisitos do projeto principais

• Componentização e dados
  • Os elementos da página devem ser componentizados em arquivos separados.
  • Os dados dinâmicos da página (como o deck, flashcards, etc) devem ser representados como arrays ou objetos no JavaScript e renderizados na tela.
• Início
  • Ao iniciar, uma “tela de início” deverá ser exibida.
  • Ao clicar no botão “Iniciar Recall!”, o deck de flashcards é exibido na tela.
• Flashcards
  • Toda vez o que o usuário for jogar, os flashcards devem ser embaralhados.
  • Todos os flashcards devem aparecer na tela virados e indexados por números (ex: Flashcard 1, Flashcard 2), de modo a “esconder” o termo ou pergunta que ele contém.
  • Ao clicar em um flashcard, a pergunta ou termo correspondente ao flashcard deve aparecer (não é necessária nenhuma animação).
  • Para ver a resposta do flashcard, o usuário deve clicar no ícone de “virar”.
    • Ao virar um flashcard...
      • Ao clicar em qualquer um dos botões (Não lembrei, Quase não lembrei ou Zap), o flashcard deverá ser dado como respondido e terá seu status alterado para refletir a escolha do usuário:
        • Flashcard incorreto (Não lembrei)
        • Flashcard correto com esforço (Quase esqueci)
        • Flashcard correto imediatamente (Zap!)
      • Depois de respondida, a pergunta deverá ficar fechada e seu texto tachado com a cor correta correspondente ao seu status e um ícone.
• Resultado final
  • O resultado deve estar fixado na parte debaixo da página.
  • Sempre que uma carta for virada...
    • O número de flashcards respondidos deve ser atualizado
    • A sequência de respostas deve ser registrada e aparecer no formato de ícones (importante: os ícones devem aparecer de acordo com a ordem de respostas do usuário e não da ordem dos flashcards!).
  • Quando todos os flashcards forem respondidos...
    • A mensagem de parabéns deve ser exibida se somente as respostas dos flashcards forem “ZAP!” ou “Lembrei com esforço”.
      • Ao responder todos os flashcards e houver pelo menos um status "Incorreto", a mensagem de “Putz” deverá ser exibida.

Features complementares

• Incluir mais de um deck de questões
• Adicionar roteamento entre as telas
• Incluir integração com API Zap Recall
• Ranqueamento entre usuários
• Criar meta de zaps por dia (sendo no minimo 1 zap por dia)
• Inclusão de um tour ou onboarding para explicar a aplicação
• Perfil para o usuário
  • Meu progresso x minha meta