mariatryta / pokemon-registry

Pokemon registry app

Build on top of Vue & Vite and using pokeapi.co, this app allows you to search and sort through pokemons and display their details.

Project Setup

Create an .env file and copy data from .env.example

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Run Unit Tests with Cypress Component Testing

npm run test:unit # or `npm run test:unit:ci` for headless testing

Run End-to-End Tests with Cypress

npm run build
npm run test:e2e # or `npm run test:e2e:ci` for headless testing

Lint with ESLint

npm run lint

To-Do

• Fetch all pokemons

• Card based component to display pokemons

• Customizable pagination

• Pagination

• Search by name x abilities

• Sort by name,weight, height

• Local storage / persist in url

• Details page

• Loading state

• Write component tests

• Responsive

• Accessibility check

  • Keyboard nav
  • Focus states
  • Contrasts and fonts

• Husky for pre-commit