Zarha Selene
Back to Projects

Pokédex

Next.jsTailwind CSSPokeAPIContext API

Project Overview

A Pokédex built with Next.js in a collaborative project. I developed the Favorites page, navigation bar, individual Pokémon detail page, and implemented the Context API to manage Pokémon data. The app allows users to explore Pokémon, bookmark favorites, and search by name or ID, featuring a responsive design and type-based browsing.

Pokédex

The Challenge

Creating an engaging, responsive Pokémon encyclopedia that provides an intuitive browsing experience while handling large amounts of data efficiently.

The Solution

Developed a Next.js application that interfaces with the PokeAPI, implementing efficient data fetching, caching, and state management.

Process & Approach

  • Collaborated with team members to define project scope and responsibilities
  • Designed and implemented the navigation bar and favorites system
  • Built detailed Pokémon information pages with dynamic routing
  • Implemented Context API to manage global application state
  • Created type-based filtering and search functionality

Results & Impact

Delivered a fully functional Pokédex that allows users to browse, search, and bookmark favorite Pokémon. The application handles data efficiently and provides a smooth user experience across devices.