Pokedex is an interview test project built with React, TypeScript, Vite, and Tailwind CSS. It consumes the PokeAPI through pokenode-ts and turns the API data into a searchable Pokemon browser with list and detail pages.

Search and filtering

The app lets users search Pokemon by name, with the search value kept in the URL so the state is shareable and survives navigation. Results can also be filtered by Pokemon type, and the available type filters are generated from the current search results.

Pokemon detail pages

Each result links to a dedicated Pokemon detail page showing more information such as image, base experience, height, weight, species, forms, abilities, and moves. When navigating back from a detail page, the previous search context is preserved so the user does not lose their results.

Interview task focus

Because this was built as an interview test, the project focuses on practical frontend behavior: API fetching, debounced search, loading and error states, React Router navigation, shared context, reusable hooks, and keeping UI state in sync with query parameters.

Tech stack

The project uses React 18, TypeScript, Vite, Tailwind CSS, React Router, pokenode-ts, Axios, and Vitest. It is deployed as a live demo on Vercel.