Crafty-Bay

描述

欢迎来到 Crafty-Bay。一个使用 flutter 和 getx 构建的完整电子商务应用程序。这个应用程序是一个完整的电子商务应用,具有添加到购物车、愿望清单、评论、结账等所有功能。这个应用程序是用 flutter 和 dart 构建的。

职责

作为 CraftyBay 的创建者,我的职责包括:

  • 设计应用的 UI(用户界面)。
  • 开发完整的电子商务应用程序。
  • 添加用户个人资料以实现个性化购物体验。
  • 允许将产品添加到愿望清单以方便用户。
  • 实施颜色和尺寸过滤器以供产品选择。
  • 将产品分为四个不同的类别。
  • 展示特价、新品和热门产品。
  • 创建有吸引力的产品轮播滑块。
  • 允许用户撰写和分享产品评论。

应用程序功能(附带屏幕截图)

任务 截图 任务 截图
启动屏幕 Splash Screen 登录屏幕 Login Screen
完整的个人资料屏幕 Complete Profile Screen OTP 验证屏幕 OTP Verification Screen
主屏幕 Home Screen 分类屏幕 Categories Screen
产品详情屏幕 Products Details Screen 购物车页 Cart Screen
愿望清单屏幕 Wish List Screen 评论展示屏幕 Review Showing Screen
创建评论屏幕 Create Review Screen

使用的包

CraftyBay 集成了以下包以增强功能:

  • flutter_svg: ^2.0.7: 一个用于渲染 SVG(可缩放矢量图形)图像的 Flutter 包。它允许您轻松地在 Flutter 应用程序中显示和操作 SVG 文件。

  • get: ^4.6.5: Get 是一个 Flutter 的状态管理库,它简化了应用程序状态的管理过程。它为您的应用程序提供了清晰有效的方式来处理状态和依赖项。

  • font_awesome_flutter: ^10.5.0: 此包允许您轻松地将 Font Awesome 图标集成到您的 Flutter 应用程序中。Font Awesome 是一个流行的矢量图标库。

  • pin_code_fields: ^8.0.1: Pin Code Fields 是一个 Flutter 包,可帮助您在应用程序中实现 PIN 或 OTP 输入字段。它具有高度的可定制性和易用性,适用于用户身份验证和验证。

  • carousel_slider: ^4.2.1: Carousel Slider 是一个用于在 Flutter 应用中创建图像轮播和滑块的包。它对于创建交互式和动态图像库非常有用。

  • http: ^1.1.0: HTTP 包提供了一种直接的方式来发出 HTTP 请求。在 Flutter 应用程序中。它对于从 API 获取数据和使用 Web 服务至关重要。

  • flutter_launcher_icons: ^0.13.1: 此包简化了为 Flutter 应用程序生成和设置应用程序图标的过程。它允许您轻松自定义应用程序图标。

  • shared_preferences: ^2.2.1: Shared Preferences 是一个 Flutter 包,用于以平台无关的方式持久化简单的键值数据。它通常用于存储应用程序设置和少量数据。

  • shimmer: ^3.0.0: Shimmer 是一个用于为 Flutter 小部件添加闪烁效果的包。它通常用于创建加载或占位符动画以改善用户体验。

  • connectivity_plus: ^5.0.1: Connectivity Plus 是一个用于监视网络连接的 Flutter 包。它可以帮助您检查设备的网络连接状态并响应连接变化。

文件夹结构

craftyBay/
    ├── assets/
    │   └── images/
    └── lib/
        ├── application/
        │   ├── apps.dart
        │   └── state_holder_binding.dart
        ├── data/
        │   ├── models/
        │   │   ├── brands.dart
        │   │   ├── cart_list_data.dart
        │   │   ├── cart_list_model.dart
        │   │   ├── category_data.dart
        │   │   ├── category_model.dart
        │   │   ├── home_screen_slider_data.dart
        │   │   ├── home_screen_slider_model.dart
        │   │   ├── network_response.dart
        │   │   ├── products.dart
        │   │   ├── products_details.dart
        │   │   ├── products_details_model.dart
        │   │   ├── products_model.dart
        │   │   ├── review_list_model.dart
        │   │   └── user_read_profile_model.dart
        │   ├── services/
        │   │   └── network_caller.dart
        │   └── utils/
        │       └── url_links.dart
        ├── presentation/
        │   ├── state_holder/
        │   │   ├── add_to_cart_controller.dart
        │   │   ├── auth_controller.dart
        │   │   ├── cart_list_controller.dart
        │   │   ├── categories_controller.dart
        │   │   ├── complete_profile_controller.dart
        │   │   ├── create_review_controller.dart
        │   │   ├── create_wish_list.dart
        │   │   ├── delete_cart_list.dart
        │   │   ├── email_verification_controller.dart
        │   │   ├── home_screen_slider_controller.dart
        │   │   ├── main_bottom_nav_controller.dart
        │   │   ├── new_products_controller.dart
        │   │   ├── popular_products_controller.dart
        │   │   ├── products_details_controller.dart
        │   │   ├── products_wish_list_controller.dart
        │   │   ├── read_profile_controller.dart
        │   │   ├── review_list_controller.dart
        │   │   ├── spacial_products_controller.dart
        │   │   └── verify_login_controller.dart
        │   └── ui/
        │       ├── screen/
        │       │   ├── auth/
        │       │   │   ├── complete_profile_screen.dart
        │       │   │   ├── email_verification_screen.dart
        │       │   │   └── otp_screen.dart
        │       │   ├── cart_screen.dart
        │       │   ├── categories_screen.dart
        │       │   ├── create_review_screen.dart
        │       │   ├── home_screen.dart
        │       │   ├── item_screen.dart
        │       │   ├── main_bottom_nav_screen.dart
        │       │   ├── products_details_screen.dart
        │       │   ├── review_showing_screen.dart
        │       │   ├── splash_screen.dart
        │       │   └── wish_list_screen.dart
        │       ├── utils/
        │       │   ├── app_color.dart
        │       │   ├── color_extension.dart
        │       │   └── images_utils.dart
        │       └── widgets/
        │           ├── home_screen_widgets/
        │           │   ├── home_carousel_slider.dart
        │           │   ├── home_screen_search_bar.dart
        │           │   └── home_slider.dart
        │           ├── products_details_screen_widgets/
        │           │   ├── home_carousel_slider.dart
        │           │   └── home_screen_search_bar.dart
        │           ├── app_bar_icons.dart
        │           ├── bottom_price_details_and_button.dart
        │           ├── cart_screen_list_tile_card.dart
        │           ├── categories_card.dart
        │           ├── custom_app_bar.dart
        │           ├── custom_otp_field.dart
        │           ├── custom_stepper.dart
        │           ├── love_icon_button.dart
        │           ├── products_card.dart
        │           ├── products_carousel_slider.dart
        │           └── title_header_and_see_all_button.dart
        └── main.dart

许可证

本项目根据 MIT 许可证授权 – 详情请参阅 LICENSE.md 文件。

GitHub

查看 Github