Alura Pokemon Quiz

Projeto desenvolvido durante a Imersão React da Alura com Next.JS.

Descrição

O projeto é um quiz no estilo "Quem é esse Pokemon?" que acontecia nos intervalos do desenho. Utilizei a PokéAPI para gerar as questões de forma aleatória a cada jogada. O objetivo é marcar o máximo do pontos possível para adquirir um número de insígnias no final da partida.

Técnologias Utilizadas

• React.JS
• Next.JS
• Styled Components
• Framer Motion
• JavaScript

Conceitos Estudados

• Inicio de projeto com o boilerplate do React com Next.js e styled-components
• Criar componentes React usando styled-components
• Utilizar o Next.js para criar a tag e as meta-infos necessárias
• Publicação (deploy) na Vercel.
• Utilizar props com os componentes
• Capturar de eventos em formulários (como clique)
• Gerenciar estado (state) de componentes com hooks
• Passar dados em URLs através de query params
• Utilizar next/router para implementação de rotas
• Trabalhar com as propriedades (props) dos componentes
• Entender o ciclo de vida dos componentes do React
• Utilizar useEffects() para adicionar ações ao componente da tela de quiz
• Manejo de estados com a renderização de várias instâncias de um mesmo componente