Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gitlherme/pokemon-frontend
https://github.com/gitlherme/pokemon-frontend
Last synced: 16 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/gitlherme/pokemon-frontend
- Owner: gitlherme
- Created: 2024-08-07T16:41:16.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-08-07T19:30:16.000Z (6 months ago)
- Last Synced: 2024-11-12T02:51:51.514Z (3 months ago)
- Language: TypeScript
- Homepage: https://pokemonabilities.vercel.app/
- Size: 118 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pokemon Abilities Frontend
This is a project created to display the pokémon abilities ordered by name alphabetically.
You can see this project running LIVE [here](https://pokemonabilities.vercel.app/).
---
## Tech Stack
- React 18
- Next 14
- Tailwind CSS
- Shadcn UI
- React Query
- Docker
- Zod
- React Hook Form
- Jest
- Testing Library
- PNPM
---
## How to run
First of all, please clone this repo on your local machine.
```bash
git clone https://github.com/gitlherme/pokemon-frontend.git
```
Install the dependencies
```bash
pnpm install
```
### Development environment
To see the development mode, use
```bash
pnpm dev
```
The project will be started on your [http://localhost:8080](http://localhost:8080)
---
### Production environment
To see the production mode, use
```bash
pnpm build
```
and after build, run the following command to start the production mode.
```bash
pnpm start
```
---
## How to test
To see results of unit tests use
```bash
pnpm run test
```
or if you want also see the coverage, run
```bash
pnpm run test:coverage
```