我的时尚App

my fashion app

项目描述

我的时尚App是一款使用Flutter框架开发的响应式移动应用程序，旨在为购买时尚商品的顾客提供无缝的用户体验。该应用程序针对移动设备进行了优化，并提供简洁且视觉吸引人的界面。以下是您应用中的不同页面及其各自的角色

  1. 首页：这是用户打开应用程序时将看到的初始屏幕。

  2. 主页：这是您应用的主页，用户可以在其中浏览您的产品。它可能包括不同的服装类别、新品或特色商品。

  3. 登录页：此页面允许用户登录其账户或创建一个新账户。用户还可以选择使用Google或Apple登录。

  4. 注册页：此页面允许新用户在您的应用上创建账户。他们需要提供个人信息，如电子邮件地址和密码。

  5. 所有商品页：此页面以列表视图显示所有可用商品。

  6. 商品详情页：此页面显示特定商品的详细信息，包括商品图片、商品描述、可用尺码、可用颜色以及“立即购买”按钮。

  7. 关于我们页：此页面提供有关我们的使命和应用程序的描述。它还包括我们的联系信息，如电子邮件地址和电话号码。

  8. 购物车页面：此页面显示用户已添加到购物车中的商品。用户可以查看其订单，更改商品数量或继续结账。

该应用程序还包括一个搜索引擎，允许用户根据自己的偏好搜索特定商品。

总的来说，我的时尚App旨在为顾客提供用户友好且引人入胜的购物体验。

文件夹结构


└── my_fashion_app/
    ├── lib/
    |   ├── models/
    |       └── auth.dart
    |       └── login.dart
    |       └── signup.dart
    │   ├── models/
    |       └── product.dart
    |       └── cartt.dart
    |   ├── pages/
    |       └── product_detail_screen.dart
    |   ├── screens/
    |       └── about.dart
    |       └── cart_item.dart
    |       └── cart.dart
    |       └── product_list_screen.dart
    |       └── products.dart
    |   ├── services/
    |       └── cart_provider.dart
    |       └── product_service.dart
    └── main.dart

演示

Fashion4.mp4

GUI

首页

first screen

主页

home page

登录页

login page

注册页

signup

所有商品页

all products page

商品详情页

product details page

关于我们页

about us

设备预览：iPhone 12 mini

注意事项

1. 该应用程序仍处于开发阶段，尚未完成。

2. 我目前正在改进购物车机制，以确保用户能够无缝结账。

3. 搜索引擎也在改进中，以便为用户提供更好的搜索结果和筛选选项。

4. 该应用程序将连接到用户的Firebase帐户，以提供安全的登录和帐户管理功能。

作者

Mostafa Hassan

入门

注意：请确保您的Flutter环境已设置好。

安装

在命令终端中，运行以下命令

$ git clone https://https://github.com/TheMostafax/My_Fashion_App.git my_fashion_app
$ cd my_fashion_app/
$ flutter packages get
$ flutter run

此项目中使用的语言和工具

flutter dart

GitHub

查看 Github