https://github.com/devmagno/next-pokemon-catalog

⚡ Catálogo do card game de Pokémon utilizando Next.js, TypeScript e Ant Design.
https://github.com/devmagno/next-pokemon-catalog

antdesign axios eslint javascript nextjs prettier reactjs typescript

Last synced: 3 days ago
JSON representation

⚡ Catálogo do card game de Pokémon utilizando Next.js, TypeScript e Ant Design.

• Host: GitHub
• URL: https://github.com/devmagno/next-pokemon-catalog
• Owner: devMagno
• License: mit
• Created: 2022-08-10T01:07:56.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-16T01:51:33.000Z (over 2 years ago)
• Last Synced: 2024-11-10T12:32:09.628Z (2 months ago)
• Topics: antdesign, axios, eslint, javascript, nextjs, prettier, reactjs, typescript
• Language: TypeScript
• Homepage: https://next-pokemon-catalog.vercel.app/
• Size: 372 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Pokémon Catalog 🃏⚡

## 📖 Sobre

Trata-se de uma Pokédex desenvolvida utilizando Next.js e TypeScript, utilizando dados da [Pokémon TCG API](https://pokemontcg.io/), gerando o site de forma estaticamente, pensando em SEO e performance. Para estilização foi escolhida uma abordagem com Sass (síntaxe SCSS) e CSS modules. Para padronização do código foi utilizado ESLint e Prettier.

Sinta-se à vontade para contribuir com o projeto ou visite o site clicando [aqui](https://next-pokemon-catalog.vercel.app/).

---

## 🧰 Dependências

- **Axios** para requisições HTTP

- **React Icons** como biblioteca de ícones

- **Framer Motion** para animações

- **Ant Design** como biblioteca de estilos

---

## 🔧 Como executar o projeto

Para clonar e executar este projeto, você precisará de [Git](https://git-scm.com/) e [Node.js](https://nodejs.org/en/).

```bash

# Clone o repositório

git clone https://github.com/devMagno/next-pokemon-catalog

# Entre no diretório

cd next-pokemon-catalog

# Baixe as dependências

npm i

# Execute o projeto

npm run dev

# O servidor inciará na porta 3000 - acesse http://localhost:3000

```

---

**Desenvolvido com ❤️ por [Guilherme Magno](https://github.com/devmagno/).**