A Fashion eCommerce app built with Flutter

Posted by

Description

The eCommerce Fashion Flutter app is a mobile application designed to provide
users with a seamless and convenient shopping experience for clothing items.
With a user-friendly interface and a wide range of clothing categories, the app
aims to cater to fashion enthusiasts and shoppers looking for the latest trends and
styles.

Key Features

❖ User Authentication and Registration: Users can create accounts, log in
securely, and manage their profiles to access personalized features.

❖ Browse and Search: Users can easily explore a diverse selection of clothing
items, organized by categories, brands, or price ranges. A search
functionality allows for quick and specific item searches.

❖ Product Details: Each clothing item is accompanied by detailed product
information, including images, and descriptions.

❖ Shopping Cart Management: Users can add desired items to their shopping
carts, view and update the cart contents, and remove items as needed.

❖ Checkout: The app offers a secure and streamlined checkout
process.

❖ User Profile Management: Users can manage their personal information,
view, and edit their shipping addresses, and update their preferences.

Architecture and Code Organization

Clean Architecture (MVVM) With Bloc State Management

Folder Structure

  • Config
    • app routes, services, cache, and permissions
    • Language Manager.
    • service locator (DI).
  • Controllers
    • All Cubits and blocs.
    • Business Logic.
  • Core
    • error handlers and exceptions.
    • extensions and functions.
    • network information.
    • uilts (contains app Strings, colors, style, assets, and constants).
  • Data
    • Data Source (Remote, Local).
    • Dio Factory.
    • Repository Implementation.
    • Models and Mappers.
  • Domain
    • Entities.
    • Repository Interfaces.
    • Usecases
  • View
    • Screens (Contain All UI Screens, Pages, Own Widgets).
    • Widgets.
    • State Renderer.

Screens

  • Splash.
  • On Boarding.
  • Authentication
    • Registration
    • Login with E-mail & Password.
    • Login with Facebook.
    • Login With Google.
    • Forget Password.
    • Logout.
  • Home
    • Products List view show freshness clothing items by category.
    • The profile page contains account information.
    • The Catalog Page Categorize clothing for men and women.
  • Search
    • searching for clothing items by category, brand, or price range.
  • Categories
    • show clothing items by category and Filtering items.
  • Product Details
    • Each clothing item is accompanied by detailed product information.
  • Favorites
    • Contains favorites Products.
    • Shopping Cart
    • Add to Cart functionality.
    • Remove from Cart.
  • Checkout
    • Set Address Location.
    • Swipe for payment.
  • Delivery Address
    • Add, Delete, and Update Address.
    • Pick Location from google map.
  • Settings
    • Change App Language.
    • Enable dark mode.
    • Update user profile.
  • Notifications.
  • About Us.
  • Privacy Policy.

Login & Registration

login_registration

Home & Menu Side Bar

Homescreen_menu

Product Detail & Categories & Search

productdetail_cate_search

Cart & Checkout & Payment

cart_checkout_payment

Delivey Address & Account & General Settings

delivery_account_general_settings

Favourites & About & App Rate

favourites_faq_about_rate

Features and Functionality

  • User authentication and registration.
  • RESTful APIs.
  • Integrated with Firebase Backend.
  • Stripe Integration for Payment Support.
  • Browsing and searching for clothing items by category, brand, or price
    range.
  • Product details page with images, descriptions, and customer reviews.
  • Shopping cart management and adding/removing items.
  • Delivery Address adding / removing /updating Address.
  • Google Map /get your current Location.
  • Secure checkout process with payment.
  • Favorites functionality.
  • User profile management.
  • Support multiple language (Arabic, English).
  • Support dark mode.
  • Edit Profile Account.
  • Settings.
  • Drawer Menu.
  • Backend
    • Database system with Firebase Firestore.
    • User management with Firebase Authentication
    • Photo storage with Firebase Storage.
    • Payments with Stripe SDK.

Packages

  • flutter_svg: ^2.0.6
  • flutter_bloc: ^8.1.3
  • get_it: ^7.6.0
  • firebase_core: ^2.13.1
  • firebase_auth: ^4.6.2
  • google_sign_in: ^6.1.3
  • flutter_facebook_auth: ^5.0.11
  • flutter_advanced_drawer: ^1.3.5
  • equatable: ^2.0.5
  • dartz: ^0.10.1
  • shared_preferences: ^2.1.2
  • dio: ^5.2.1+1
  • retrofit: ^4.0.1
  • pretty_dio_logger: ^1.3.1
  • cached_network_image: ^3.2.3
  • shimmer: ^3.0.0
  • skeletons: ^0.0.3
  • flutter_slidable: ^3.0.0
  • google_maps_flutter: ^2.3.1
  • geolocator: ^9.0.2
  • geocoding: ^2.1.0
  • lottie: ^2.4.0
  • permission_handler: ^10.3.0
  • page_transition: ^2.0.9
  • smooth_page_indicator: ^1.1.0
  • infinite_scroll_pagination: ^3.2.0
  • flutter_phoenix: ^1.1.1
  • internet_connection_checker: ^1.0.0+1
  • easy_localization: ^3.0.2
  • fluttertoast: ^8.2.2
  • cloud_firestore: ^4.8.2
  • flutter_stripe: ^9.2.2
  • image_picker: ^1.0.1
  • firebase_storage: ^11.2.5
  • flutter_dotenv: ^5.1.0

GitHub

View Github

#Flutter #eCommerce #UI #Bloc

Leave a Reply

Your email address will not be published. Required fields are marked *