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: about 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 (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-05T22:05:38.000Z (3 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

[![Next.js](https://img.shields.io/badge/Next.js-15.0.2-blue.svg)](https://nextjs.org/)

[![Styled Components](https://img.shields.io/badge/styled--components-6.1.13-db7093.svg)](https://styled-components.com/)

[![React](https://img.shields.io/badge/React-19.0.0-informational)](https://react.dev/)

[![TypeScript](https://img.shields.io/badge/TypeScript-5.x-blue.svg)](https://www.typescriptlang.org/)

[![ESLint](https://img.shields.io/badge/ESLint-8.x-4B32C3.svg)](https://eslint.org/)

[![Husky](https://img.shields.io/badge/Husky-8.0.0-lightgrey.svg)](https://typicode.github.io/husky/)

[![Prettier](https://img.shields.io/badge/Prettier-2.6.2-ff69b4.svg)](https://prettier.io/)

[![PNPM](https://img.shields.io/badge/Package%20Manager-pnpm%409.12.1-F69220)](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`