简介

This is an image

这是一个应用程序项目,它从 Elevenia API 显示产品列表,名为 STORE

  • 状态管理:GetX
  • 本地数据库:Hive

要求?️

  • Flutter:> 2.10.3
  • 操作系统:Windows / MacOs
  • 代码编辑器:VSCode
  • 测试模拟器:iPhone 12 Pro Max (IOS 模拟器)

任务?

Create :
  • ✅ 显示产品列表、详情和添加到购物车

  • ✅ 使用无限滚动功能 > 5 – 按关键字搜索产品

  • ✅ 应用关闭再打开时保留购物车中的产品

  • ✅ 用户可以在手机或平板电脑上打开应用

  • ✅ 用户可以在未连接互联网时查看产品列表(离线模式)

    应用要求

  • 良好的、合理的项目结构,促进模块化和逻辑/UI 层之间的良好分离

  • 编写提供商的单元测试、Widget 测试

  • 使用集成测试测试应用 UI 和性能

  • 使用状态管理

  • 使用 Model 来显示数据

  • 响应式显示是一个很大的优势

  • 设置自定义 lint 规则以鼓励良好的编码实践是一个很大的优势

  • 最好使用分布式版本控制系统

  • 有关如何本地运行应用的清晰说明。请提供清晰的解释

    关于您的项目以及我们如何本地运行它(最好使用 README.md)

安装?

  • 使用命令克隆此存储库

    git clone https://github.com/SHC12/jubelioTechTest

    集成测试

  • 在项目终端中运行此命令

    /bin/zsh {PROJECT_ROOT}/lib/utils/execute_integration.sh

UI

启动屏幕

<img src="/assets/images/screen_capture/splash.png" width="100"/>

闪光加载

<img src="/assets/images/screen_capture/shimmer.png" height="100"/>

产品列表

<img src="/assets/images/screen_capture/list_product.png" height="100"/>

刷新指示器

<img src="/assets/images/screen_capture/list_product.png" height="100"/>

搜索产品结果

<img src="/assets/images/screen_capture/list_product.png" height="100"/>

产品详情

<img src="/assets/images/screen_capture/list_product.png" height="100"/> 添加到购物车操作

<img src="/assets/images/screen_capture/list_product.png" height="100"/>

添加到购物车的結果

<img src="/assets/images/screen_capture/list_product.png" height="100"/> 购物车列表

<img src="/assets/images/screen_capture/list_product.png" height="100"/>

离线模式

<img src="/assets/images/screen_capture/list_product.png" height="100"/>

连接状态

<img src="/assets/images/screen_capture/list_product.png" height="100"/> <img src="/assets/images/screen_capture/list_product.png" height="100"/>

Widget 测试 & 单元测试

Widget 测试代码 <img src="/assets/images/screen_capture/list_product.png" height="100"/>

Widget 测试结果 <img src="/assets/images/screen_capture/widget_test_result.png" height="100"/>

单元测试代码 <img src="/assets/images/screen_capture/unit_test_code.png" height="100"/>

单元测试结果 <img src="/assets/images/screen_capture/unit_test_result.png" height="100"/>

GitHub

查看 Github