Pokemon Awesome
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.examplefile. - 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.
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