Pokemon Awesome

Pokemon Awesome thumbnail

Pokemon Data

All Pokemon data used in this project comes from PokeAPI GraphQL Beta. Playground: https://beta.pokeapi.co/graphql/console/

All Pokemon images (artwork) comes from https://github.com/PokeAPI/sprites

Getting Started

Install dependencies using yarn install.
Prepare environment variables (.env.local), refer to .env.example file.
Prepare data using yarn prepare-data.
Run development server using yarn dev.

For production, use this script: yarn build && yarn start

Quality Check

Prettier check: yarn format
ESLint check: yarn lint
TypeScript check: yarn lint:types
End-to-end test check: yarn test:e2e

Misc.

This project is using [Next.js [TypeScript] + Tailwind CSS Starter Template](https://github.com/afiiif/nextjs-ts-starter-template). The starter template contains:

⚡️ Next.js 12
⚛️ React 18
🎐 Tailwind CSS 3
🪄 Prettier — Format your code automatically, this will also run on save
🧼 ESLint — Find & fix problems in your code, and auto sort your imports
🐶 Husky & Lint Staged — Check & fix code when commit, block commit if bad code detected
📜 Commit Lint — Make sure the commit message follows the conventional commit
⚙️ Github Actions — Check your code on push & pull-request
🤖 Dependabot — Create pull-request to update your dependencies
🔗 Absolute Import — Import modules using @/ prefix
💟 React Icons — Include popular icons in your React projects easily
🌟 React Power-Ups — Collection of React hooks to speed-up your app development

🔗 More in this category