亚马逊克隆

全栈亚马逊克隆及后台管理面板

特点

  • 电子邮件和密码身份验证
  • 持久化身份验证状态
  • 搜索产品
  • 按类别筛选产品
  • 产品详情
  • 评分
  • 获取今日特价
  • 购物车
  • 使用Google/Apple Pay结账
  • 查看我的订单
  • 查看订单详情和状态
  • 退出登录
  • 管理面板 (Admin Panel)
    • 查看所有产品
    • 添加产品
    • 删除产品
    • 查看订单
    • 更改订单状态
    • 查看总收入
    • 查看基于类别的收入(在图表中)

YouTube

我已创建了本教程,请在我的频道 Rivaan Ranawat 上查看

Youtube Tutorial Image

本地运行

克隆此存储库后,迁移到 flutter-amazon-clone-tutorial 文件夹。然后,按照以下步骤操作

  • 创建 MongoDB 项目和集群
  • 点击连接,按照流程获取URI。-在 server/index.js 中替换为您的MongoDB URI。
  • 转到 lib/constants/global_variables.dart 文件,并替换为您的IP地址。
  • 创建Cloudinary项目,在设置中启用未经身份验证的操作。
  • 转到 lib/features/admin/services/admin_services.dart,将 denfgaxvguszbstnu 分别替换为您的Cloud Name和Upload Preset。

然后运行以下命令来运行您的应用程序

服务器端

  cd server
  npm install
  npm run dev (for continuous development)
  OR
  npm start (to run script 1 time)

客户端

  flutter pub get
  open -a simulator (to get iOS Simulator)
  flutter run

使用的技术

服务器:Node.js、Express、Mongoose、MongoDB、Cloudinary

客户端:Flutter、Provider

反馈

如果您有任何反馈,请通过 [email protected] 与我联系

GitHub

查看 Github