This is a Pokémon data exploration application built with Next.js and Tailwind CSS, using data from the PokéAPI.
The application focuses on making Pokémon data easier to browse and explore through search, filtering, and detailed views, while transforming external API responses into a more consistent structure for use across the interface.
A key focus of the project was keeping the client-side state predictable and the UI responsive across different screen sizes.
Next.jsTailwindCSSpokeapiData Processing
...
OVERVIEW
Project Context
HIGHLIGHTS
My Work
01
Chuẩn hoá dữ liệu từ PokéAPI
- Tiếp nhận dữ liệu từ PokéAPI và chuyển đổi về cấu trúc phù hợp với ứng dụng.
- Mapping dữ liệu API thành các model rõ ràng để sử dụng nhất quán trong giao diện.
- Tổ chức dữ liệu phục vụ danh sách, tìm kiếm, lọc và màn hình chi tiết.
- Tách logic xử lý dữ liệu khỏi phần hiển thị để code dễ quản lý hơn.
02
Xây dựng chức năng tìm kiếm và lọc dữ liệu
- Triển khai chức năng tìm kiếm Pokémon theo tên.
- Xây dựng các bộ lọc theo thuộc tính dữ liệu như type và các tiêu chí liên quan.
- Quản lý state phía client để đồng bộ giữa search, filter và danh sách hiển thị.
PRODUCT