跳转到主内容
项目

PokéDex

使用 Next.js 15、TypeScript 和 Tailwind CSS v4 构建的现代 PWA。以直观、极简的界面浏览、对比并了解全部 1025+ 只宝可梦。

Cover image for PokéDex

关于 PokéDex

一个功能完整的渐进式网页应用(PWA),用于浏览全部 1025+ 只宝可梦。使用 Next.js 15、TypeScript 和 Tailwind CSS v4 构建 —— 可安装到任何设备、离线可用、体验媲美原生应用。

亮点

  • 浏览与搜索 所有宝可梦,支持实时筛选
  • 详细数据 —— 种族值、特性、招式、进化链
  • 属性克制 —— 交互式对战关系表
  • 组队工具 —— 组建并分析最多 6 只的队伍
  • 测验模式 —— 剪影、数值、属性问答
  • 对比功能 —— 宝可梦并排分析
  • 异色形态 —— 一键切换闪光立绘
  • 收藏与图鉴 —— 追踪你自己的图鉴完成度

为什么又做一个宝可梦图鉴?

大多数同类都是又慢又漏内存的网页应用。而这个是精简的 PWA,拥有乐观 UI、本地缓存的立绘,以及为扩展而生的 TypeScript 代码库。