Copilot Agent And MCP

书籍收藏应用程序

\[！注意\] 这是一个演示存储库，将在GitHub Copilot Agent和MCP培训课程中使用。

功能的

Book Favorites是一个全栈web应用程序，允许用户：

• 注册新帐户或使用现有凭据登录
• 浏览50本书的精选列表
• 从个人收藏夹列表中添加书籍
• 在专门的部分查看他们最喜欢的书
• 享受干净、现代、响应迅速的用户界面
• 体验受保护的路线（只有登录的用户才能访问图书和收藏夹页面）

技术的

• 前端：

- 使用React、Redux Toolkit和React Router构建 - 使用CSS模块实现模块化、响应式和现代风格 - 通过Redux切片对用户身份验证、书籍和收藏夹进行状态管理 - 基于JWT的身份验证；令牌存储在localStorage中，并与API请求一起发送 - 受保护的路线和导航，实现无缝的用户体验

• 后端：

- Node.js和Express.js用于RESTful API端点 - 使用JWT（JSON Web令牌）进行用户身份验证 - 使用JSON文件的数据持久化(books.json 和 users.json) - 用于身份验证、书籍和收藏夹的模块化路由结构 - CORS已启用，用于前端后端通信

• 其他：

- 桌面和移动设备的响应式设计 - 清除空状态和错误处理 - 注重导航和反馈的现代UI/UX

______________________________________________________________________

设置

1. 克隆存储库：

   git clone 
   cd 

1. 安装依赖项：

  npm install
  cd frontend
  npm install
  cd ..

1. 运行后端服务器：

   npm run start:backend

后端运行 http://localhost:4000

Backend execution logs example

1. 运行前端应用程序：

打开第二个终端。

   npm run start:frontend

前端运行在 http://localhost:5173

Frontend execution logs example

1. 运行测试（可选）：

打开第三个终端。

   npm run test

Tests execution logs example

1. 用途：

- 注册新帐户或使用现有帐户登录(sandra/sandra)). - 浏览书籍，添加收藏夹，享受应用程序！