Poke-Next

Poke-Next is a Next.js app to list and view pokémon's information.

This project uses TypeScript, Styled-Components, ESLint, Prettier, Husky, Jest, React Testing Library, Docker, PostgreSQL and Prisma ORM.

Mobile Layout	Desktop Layout

Setup Docker Environment (production)

# One time run
docker-compose up -d --build

# Force containers recreation on every run with orphans cleanup
docker-compose up -d --build --force-recreate --remove-orphans

# App will run on http://localhost:3000

Setup Prisma Environment (development)

# Generate Prisma Client 
yarn prisma generate

# Migrate Prisma Database 
yarn prisma migrate dev --name init

# Reset Prisma Migrations
yarn prisma migrate reset

Run Tests (development)

# install dependencies
yarn

# run tests once
yarn test

# run tests coverage
yarn test:coverage

Run App Locally (development)

# start db container
docker-compose up -d --build postgres

# install dependencies
yarn

# run in development
yarn dev