书籍收藏应用

书籍收藏应用程序

[！注意] 这是一个演示存储库，将在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 <repo-url>
   cd <repo-name>
   

2. 安装依赖项：

  npm install
  cd frontend
  npm install
  cd ..

3. 运行后端服务器：

   复制

   npm run start:backend
   

   后端运行 http://localhost:4000

4. 运行前端应用程序：

   打开第二个终端。

   复制

   npm run start:frontend
   

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

5. 运行测试（可选）：

   打开第三个终端。

   复制

   npm run test
   

6. 用途：

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