Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/itsferdiardiansa/hilo
A pokemon discovery and wikis
https://github.com/itsferdiardiansa/hilo
babel codecov commitlint husky jest lint-staged nextjs react typescript
Last synced: 2 months ago
JSON representation
A pokemon discovery and wikis
- Host: GitHub
- URL: https://github.com/itsferdiardiansa/hilo
- Owner: itsferdiardiansa
- License: mit
- Created: 2024-11-02T07:08:40.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-11-05T22:05:38.000Z (4 months ago)
- Last Synced: 2024-11-10T07:45:04.563Z (3 months ago)
- Topics: babel, codecov, commitlint, husky, jest, lint-staged, nextjs, react, typescript
- Language: TypeScript
- Homepage: https://pokedex.ferdiardiansa.com
- Size: 553 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Pokédex App
[](https://nextjs.org/)
[](https://styled-components.com/)
[](https://react.dev/)
[](https://www.typescriptlang.org/)
[](https://eslint.org/)
[](https://typicode.github.io/husky/)
[](https://prettier.io/)
[](https://pnpm.io/)Pokédex App is a Next.js-based project leveraging TypeScript, Styled Components, ESLint, Prettier, and Husky. This app provides comprehensive information about various Pokémon in a modern, responsive interface.
## ✨ Features
- **React 19** and **Next.js 15** for fast web application development.
- **Styled Components** for dynamic styling and CSS templating.
- **TypeScript** for safer typing.
- **ESLint** and **Prettier** for code quality assurance.
- **Husky** for pre-commit linting.## 🚀 Technology Stack
- **Next.js**
- **React**
- **TypeScript**
- **Styled Components**
- **Axios** for HTTP requests
- **Tanstack React Query** for data management
- **Jest** and **Testing Library** for testing## 📦 Installation
1. **Clone this repository:**
```bash
git clone https://github.com/itsferdiardiansa/pokedex-app.git
cd pokedex-app
```2. **Ensure `pnpm` is installed:**
This project uses PNPM as the package manager. If you haven’t installed it yet, run:
```bash
npm install -g pnpm
```3. **Install dependencies:**
```bash
pnpm install
```## 🔨 Scripts
- **Development**: `pnpm dev`
- **Production Build**: `pnpm build`
- **Start Application**: `pnpm start`
- **Linting**: `pnpm lint`
- **Fix Linting Issues**: `pnpm lint:fix`
- **Format Code**: `pnpm format`
- **Check Formatting**: `pnpm format:check`
- **Testing**: `pnpm test`
- **Testing with Watch**: `pnpm test:watch`
- **Type Check**: `pnpm type-check`
- **Clean Previous Builds**: `pnpm clean`
- **Validate Code Quality**: `pnpm validate`