【源码】基于Node.js和React的宝可梦卡片展示全栈应用

项目简介

本项目是一个基于Node.js和React的全栈应用。借助Express框架和Redis缓存技术，打造了一个简易的宝可梦卡片展示平台。用户能通过此应用查看宝可梦的基本信息、图片和详细属性，还能依据名称或ID进行搜索。

项目的主要特性和功能

1. 随机展示宝可梦卡片：每次进入首页，系统随机展示12张仅含宝可梦名称和ID的卡片。
2. 搜索功能：用户可在首页搜索栏输入宝可梦名称或ID，查找特定宝可梦信息。
3. 宝可梦详情展示：点击卡片，可查看宝可梦详细信息，如ID、类型、持有物品、身高、体重、招式、能力值等。
4. 缓存机制：采用Redis缓存技术，减少对外部API的请求次数，提升应用响应速度和性能。

安装使用步骤

开发环境

1. 启动Redis：确保本地Redis服务已启动，端口设置为6379。
2. 启动后端服务：
   • 进入server-side文件夹。
   • 运行yarn安装依赖。
   • 运行yarn start:dev启动后端服务。
3. 启动前端服务：
   • 进入client-side文件夹。
   • 运行yarn安装依赖。
   • 运行yarn start启动前端服务。

Docker环境

1. 构建Docker镜像：使用docker-compose.yaml文件，运行docker-compose up -d启动应用。
2. 访问应用：前端服务默认运行在http://localhost:80，后端服务运行在http://localhost:3000。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】