Giter Club home page Giter Club logo

e-commerce-complete-flutter-ui's Introduction

Flutter E-Commerce App Template

Build you shop app in days

The FlutterShop template makes it easier to develop an e-commerce app using Flutter. It includes all the necessary pages to build a shopping app for both Android and iOS using flutter.

Full template      Preview



Ecommerce app Home, product details page



This shop app template comes with 100+ screens. Some of these pages are Splash, Login, Signup, Home, Product, Search, Cart, Profile, Payment, Wallet, Order Tracking, and Order History. Additionally, all pages support both light and dark themes.You just need to connect the UI to your preferred backend, such as Firebase, WordPress, or your custom API. You can do anything you want with it.



Build you shop app in days



Well organized project very easy to customize

FlutterShop E-commerce Template Project Structure

Loading is no longer boring [New update V1.1] Doc

The progress indicator that comes with Flutter, by default is okay in most places, but not in every place. Especially when you build an ecommerce app. This is why we have created a custom loading effect that boosts your user engagement even during the loading process. This kind of loading is common in popular apps like YouTube and LinkedIn. It's a small detail, but it makes a big difference. FlutterShop Custom loading

Screens on the FlutterShop E-commerce Template

As mentioned, this kit contains 100+ nicely crafted minimal screens that cover everything you need!👇

Onboarding

  • Onboarding Choose item
  • Onboarding Add to cart
  • Onboarding Pay online
  • Onboarding Track order
  • Onboarding Find store
  • Notification permission
  • Select language

Authentication

  • Log in
  • Forgot password
    • Choose verification method
    • Verification code
  • Set new password
  • Done reset password
  • Sign up
    • Setup profile
    • Verification code
  • Successfully sign up
  • Terms and conditions
  • Enable fingerprint
  • Enable face ID

Product

  • Product page
    • Notify when available (Out of stock)
    • Buy Now
    • Product details
    • Product reviews
    • Add review
    • Shipping methods
    • Product return policy
    • Product size guide
    • Store Pickup Availability
    • Added to cart message
    • Product gallery (Will be added soon)

Main Page

  • Home page
  • On sales page
  • Kids product page
  • Brand page
  • Discover Page (Categories)
    • Style 1
    • Style 2 (Will be added soon)
    • Style 3 (Will be added soon)
  • Bookmark products page

Search

  • Recent search (Search history)
  • Search suggestions
  • Search filters
    • Size filter
    • Color filter
    • Brand filter
    • Price filter
    • Sort by
  • Search results
    • Product not found

Cart

  • Products on Cart
  • Empty cart
  • Choose address
  • Review & payment
  • Checkout / Payment method
    • Select card
    • Pay with cash
    • Use credit
  • Thanks for order
  • Add new card
  • Scan card (Will be added soon)

Profile

  • Account
    • Normal version
    • Pro version
    • Profile
      • Edit profile
    • Notifications
      • Empty notification
      • Enable notification
      • Notification options
    • Select Language
    • Addresses
      • Empty address
      • Add new address
    • Add number
      • Verification code
    • Selected location
    • Payment
      • Cards
      • Empty payment
    • Wallet
      • Empty Wallet
      • Wallet history
    • Help & Chat (Support)
      • Chat
    • Preferences

Order

  • Account Orders
    • Processing orders
      • Cancel order
    • Canceled orders
    • Delivered orders
    • Return orders (Will be added soon)
    • More screens added in that sector soon

Return & Request (Will be added soon)

  • Return order list
  • Empty return order
  • Return order
  • Return detail

Error & Permission

  • Notification permission
  • No notification
  • Select language
  • No internet
  • Server error
  • Location permissions
  • No search result
  • Empty order list
  • No Address found
  • Empty payment
  • Empty wallet

and MORE!!!! 🤩

If you want to learn how to build ecommerce template on Flutter watch the playlist on YouTube, In the first video, we start by making a neat onboarding screen for our shopping app. This works on both Android and iOS because it's made with Flutter. In the next video, we tackle the 'Sign In' and 'Forgot Password' screens, adding some unique error messages. The third video covers the 'Sign Up' and OTP processes. The fourth one is fun – we create the main homepage. In the fifth, we dive into the product page, and in the sixth, we craft an order page with cool features like 'swipe to delete.' Finally, in the seventh video, we design the user profile page.

Visit FlutterLibrary.com to Download the Flutter e-commerce app template & other templates, and components.



Build you shop app in days



Full template

e-commerce-complete-flutter-ui's People

Contributors

abuanwar072 avatar harshkc avatar sidikfaha avatar manuinnz avatar akashsami avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.