使用 React 和 Spring Boot 构建全栈 Pokédex 搜索引擎

Source: Dev.to

介绍

我最近开发了一个全栈的 Pokédex 搜索引擎，以练习 API 集成和全栈开发。该项目允许用户按名称搜索宝可梦，并在简洁且响应式的 UI 中查看它们的属性、技能和图片。

前端

• React – 提供动态的、基于组件的用户界面。

后端

• Spring Boot (Java) – 作为 API 层，从外部宝可梦 API 获取数据并将其传递给前端。

API

• PokéAPI – 提供实时的宝可梦数据，贯穿整个应用程序。

功能

• 按名称搜索宝可梦
• 查看属性、类型、技能和图片
• 响应式 UI，提供流畅的用户体验

注意：后端在首次加载时可能需要几秒钟来获取 API 数据，但后续搜索会非常快速。

解决的挑战

• 有效处理和结构化 API 数据
• 管理后端响应时间
• 将前端和后端集成成无缝的全栈应用
• 部署可运行的网页应用

部署与在线演示

• 在线演示: https://pokedex-2-0ame.onrender.com/
• GitHub 仓库: https://github.com/msrajput08/pokedex-search-engine

如果你觉得这个项目有用，欢迎为 GitHub 仓库点个 ⭐。我们也欢迎对 UI/UX、代码结构和性能改进的反馈。