Jogo de Cartas Pokémon - Consumindo a PokeAPI

Este projeto é um site desenvolvido com Next.js, utilizando TypeScript, styled-components, e Context API, que consome a PokeAPI para criar um jogo de cartas interativo com os dados dos Pokémon. O foco do projeto é trabalhar com a integração de APIs externas e desenvolver a mecânica de um jogo de cartas utilizando os dados obtidos da PokeAPI.

Objetivo

O objetivo deste projeto é construir uma aplicação que consome dados da PokeAPI para criar um jogo de cartas. Cada carta representa um Pokémon com suas características específicas, fornecidas pela API. O foco principal é aprender a consumir APIs externas e desenvolver a lógica do jogo.

Tecnologias Utilizadas

• Next.js - Framework React para renderização do lado do servidor e construção de aplicações web otimizadas.
• TypeScript - Superset de JavaScript que adiciona tipos estáticos ao código, melhorando a qualidade e escalabilidade.
• Styled-components - Biblioteca para estilizar componentes utilizando CSS-in-JS, com suporte para temas dinâmicos e estilos encapsulados.
• Context API - Ferramenta nativa do React para gerenciar estado global da aplicação.
• PokeAPI - API externa usada para obter dados sobre os Pokémon.

Funcionalidades

• Listagem de cartas de Pokémon, com dados consumidos da PokeAPI.
• Sistema de jogo interativo.
• Gerenciamento de estado do jogo utilizando Context API.
• Estilização dinâmica das cartas e do jogo utilizando styled-components.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.