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
  • Configurando Tailwind com Vite

    Instalamos o Tailwind no nosso projeto utilizando Vite, configuramos o PostCSS e importamos o Tailwind no nosso arquivo CSS. Em seguida, testamos a aplicação e ajustamos o estilo da tela principal com gradiente e layout centralizado.

    Comentários

    (0)