Todos

Mini Projetos

Resolução do Mini Projeto

Quiz sobre mulheres históricas

Login

Introdução

  • Introdução
  • Entendendo a lógica
  • Configurando Tailwind com Vite
  • Estilizando
  • Conteúdo

  • Navegação com React Router DOM
  • Criando Página de Quiz Inicial
  • TypeScript: API Legado Feminino
  • Configuração Aleatória de Quiz
  • Quiz Cards Dinâmicos
  • Ajustes de Layout no Quiz
  • Botão Interativo para Quiz
  • Avançar no Quiz com useState
  • Interatividade no Quiz Melhorada
  • Visual Feedback em Quiz
  • Ajustes finais

  • Erros do Quiz Corrigidos
  • Pontuação do Quiz Implementada
  • Página de Resultados do Quiz
  • Aprimorando Resultados no Quiz
  • Finalização

  • Score Personalizado no Quiz
  • Finalizando Quiz: Deploy na Vercel
  • Introdução

  • Introdução
  • Entendendo a lógica
  • Configurando Tailwind com Vite
  • Estilizando
  • Conteúdo

  • Navegação com React Router DOM
  • Criando Página de Quiz Inicial
  • TypeScript: API Legado Feminino
  • Configuração Aleatória de Quiz
  • Quiz Cards Dinâmicos
  • Ajustes de Layout no Quiz
  • Botão Interativo para Quiz
  • Avançar no Quiz com useState
  • Interatividade no Quiz Melhorada
  • Visual Feedback em Quiz
  • Ajustes finais

  • Erros do Quiz Corrigidos
  • Pontuação do Quiz Implementada
  • Página de Resultados do Quiz
  • Aprimorando Resultados no Quiz
  • Finalização

  • Score Personalizado no Quiz
  • Finalizando Quiz: Deploy na Vercel
  • TypeScript: API Legado Feminino

    Criamos um serviço em TypeScript para acessar a API do Legado Feminino. Configuramos a base URL e criamos a função fetchUsers para buscar dados. Utilizamos promessas, await, async e useEffect para gerenciar o estado e renderizar as informações.

    Comentários

    (0)