Flutter 仿亚马逊电商

全栈 Flutter 仿亚马逊电商

一个完整的 Flutter 仿亚马逊电商应用程序!

关于

全栈工作仿亚马逊电商应用,带有 Flutter 和 NodeJs 和 MongoBD + Atlas 后端管理的管理员仪表板。

演示

前端

管理面板 (Admin Panel)

入门

此项目是一个全栈应用程序,用于仿亚马逊电商,包含管理员面板以及服务器端 Flutter 和 Nodejs 应用程序。

特点

  • 通过电子邮件和密码进行用户注册和登录
  • 使用 Provider 持久化认证状态
  • 搜索产品
  • 评价产品
  • 添加到购物车
  • 使用 ApplePay 和 Gpay 购买产品
  • 按类别搜索产品
  • 添加多个地址
  • 保存默认地址
  • 更新和删除地址
  • 我的账户
  • 您的订单,查看最近订单
  • 产品详情
  • 获取今日特价
  • 查看订单详情和状态
  • 设置屏幕
  • Amazon Pay、miniTV、Funzone
  • 退出登录……等等
  • 管理面板 (Admin Panel)
    • 查看所有产品
    • 添加新产品
    • 删除产品
    • 查看订单并更改当前状态
    • 查看总收入
    • 查看基于类别的收入(在图表中)

要求

  • API 密钥在 https://cloudinary.com/ 用于存储产品图片
  • lib -> features -> admin -> services -> admin_services.dart 中更新云名称和上传预设
  • image
  • https://cloud.mongodb.com/ 创建 MongoDB,并将您的连接字符串添加到您的应用程序代码中
  • project -> server -> index.js -> const DB = "mongodb+srv://***" // 请输入您的 MongoDB URL
  • image
  • 前往 lib -> constants -> global_variables.dart 文件,替换为您的 IP 地址。

安装服务器

要运行服务器,请执行以下命令

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

运行应用

在开始之前 ?,您需要安装 Flutter。

# Clone this project
$ git clone https://github.com/RathaKrishna/flutter_amazon_clone.git

# Access
$ cd amazon_clone

# Pull dependencies
$ flutter pub get

# Run the project (emulator or physical device needs to be connected first)
$ flutter run

# Build an apk
$ flutter build apk --split-per-abi

GitHub

查看 Github