Projeto desenvolvido durante a Imersão React da Alura com Next.JS.
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.
- React.JS
- Next.JS
- Styled Components
- Framer Motion
- JavaScript
- 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