DhiBasket

一个Flutter应用程序,由 DhiWise 以 ❤️ 构建

这是一个使用Flutter构建的杂货应用程序。

它使用 Webflow CMS 来存储和检索数据。

系统要求

Dart SDK 版本 2.17.0 或更高版本。

Flutter SDK 版本 3.0.0 或更高版本。

Figma 设计

https://www.figma.com/file/4DOiNZZRRW94zAiQ9LMW3h/SG-grocery?node-id=0%3A1

Webflow CMS Collections

  1. 地址
  2. Users(用户)
  3. 心愿单
  4. 产品
  5. 类别
  6. 购物车

应用程序屏幕

Screens

应用功能

  1. 使用电子邮件和密码注册和登录
  2. 使用Google注册和登录
  3. 使用Facebook注册和登录
  4. 分类列表
  5. 产品列表
  6. 产品详情
  7. 将产品添加到购物车
  8. 将产品添加到心愿单
  9. 添加新地址并显示地址列表
  10. 用户个人资料
  11. 隐私政策和服务条款等静态屏幕。

使用的第三方包

  1. flutter_login_facebook
  2. firebase_auth
  3. google_sign_in
  4. flutter_facebook_auth

运行应用程序。

  1. 此应用支持firebase谷歌/Facebook和电子邮件注册和登录。因此,您需要添加以下文件才能运行应用程序
  • google-services.json
  • facebook_app_id 和 token 在 strings.xml 中
  • firebase_app_id_file.json for ios
  • GoogleService-Info.plist for ios
  1. 这里 安装flutterfire。

  2. 使用 flutterfire configure 来生成 firebase_options.dart 文件。

  • 您可以在 Firebase 控制台和项目设置中找到这些文件。
  1. 您需要在 lib/core/constants 中创建一个 constants.dart 文件来存储 webflow token 和 CollectionIds 以调用 API。

  2. Flutter pub get

  3. Flutter run

文件夹结构

├── android - contains files and folders required for running the application on an Android operating system.
├── assets - contains all images and fonts of your application.
├── ios - contains files required by the application to run the dart code on iOS platforms.
├── lib - Most important folder in the project, used to write most of the dart code.
├── main.dart - starting point of the application
├── core
│ ├── app_export.dart - contains commonly used file imports
│ ├── constants - contains all constants classes
│ ├── errors - contains error handling classes
│ ├── network - contains network related classes
│ └── utils - contains common files and utilities of project
├── data
│ ├── apiClient - contains api calling methods
│ ├── models - contains request/response models
│ └── repository - network repository
├── localization - contains localization classes
├── presentation - contains all screens and screen controllers
│ └── screens - contains all screens
├── routes - contains all the routes of application
└── theme - contains app theme and decoration classes

MIT 许可

版权所有 (c) 2022 DhiWise

特此授予任何人获取此软件及相关文档文件(“软件”)副本的权限,允许无限制地使用软件,包括但不限于使用、复制、修改、合并、发布、分发、再许可和/或销售软件副本的权利,并允许接收此软件的人这样做,但须遵守以下条件:

以上版权声明和本许可声明应包含在软件的所有副本或实质性部分中。

支持

DhiWise Discord 社区

GitHub

查看 Github