Đây là một ứng dụng khám phá dữ liệu Pokémon được xây dựng bằng Next.js và Tailwind CSS, sử dụng dữ liệu từ PokéAPI.
Ứng dụng tập trung vào việc giúp người dùng tìm kiếm, lọc và khám phá thông tin Pokémon một cách thuận tiện hơn thông qua giao diện danh sách và trang thông tin chi tiết. Dữ liệu từ API bên ngoài được xử lý và chuẩn hóa thành một cấu trúc nhất quán trước khi sử dụng trên toàn bộ giao diện.
Một trong những trọng tâm chính của dự án là đảm bảo trạng thái phía client được quản lý rõ ràng, dễ kiểm soát, đồng thời duy trì giao diện responsive và trải nghiệm mượt mà trên nhiều kích thước màn hình khác nhau.
Next.jsTailwindCSSpokeapiData Processing
...
OVERVIEW
Bối cảnh dự án
ĐIỂM NỔI BẬT
Những gì tôi đã làm
01
Search, Filtering & Client-Side State
- Implemented Pokémon search by name.
- Built filtering by Pokémon type and related attributes.
- Managed client-side state to keep search, filters, and displayed results synchronized.
- Optimized the interface for responsive behavior across different screen sizes.
02
Chuẩn hóa dữ liệu từ pokeapi thành các mô hình dữ liệu có cấu trúc theo nghiệp vụ.
- Consumed data from PokéAPI and transformed it into application-friendly structures.
- Mapped external API responses into consistent data models for UI usage.
PRODUCT