Crafty-Bay
描述
欢迎来到 Crafty-Bay。一个使用 flutter 和 getx 构建的完整电子商务应用程序。这个应用程序是一个完整的电子商务应用,具有添加到购物车、愿望清单、评论、结账等所有功能。这个应用程序是用 flutter 和 dart 构建的。
职责
作为 CraftyBay 的创建者,我的职责包括:
- 设计应用的 UI(用户界面)。
- 开发完整的电子商务应用程序。
- 添加用户个人资料以实现个性化购物体验。
- 允许将产品添加到愿望清单以方便用户。
- 实施颜色和尺寸过滤器以供产品选择。
- 将产品分为四个不同的类别。
- 展示特价、新品和热门产品。
- 创建有吸引力的产品轮播滑块。
- 允许用户撰写和分享产品评论。
应用程序功能(附带屏幕截图)
| 任务 | 截图 | 任务 | 截图 |
|---|---|---|---|
| 启动屏幕 | ![]() |
登录屏幕 | ![]() |
| 完整的个人资料屏幕 | ![]() |
OTP 验证屏幕 | ![]() |
| 主屏幕 | ![]() |
分类屏幕 | ![]() |
| 产品详情屏幕 | ![]() |
购物车页 | ![]() |
| 愿望清单屏幕 | ![]() |
评论展示屏幕 | ![]() |
| 创建评论屏幕 | ![]() |
使用的包
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 文件。










