E-Commerce App built in flutter

Overview

flutter_ecommerce_app Twitter URL GitHub stars GitHub forks GitHub last commit Dart CI Open Source Love

E-Commerce app is a design implementaion of E-commerce App designed by Imran

Download App GitHub All Releases

Android Screenshots

HomePage Product Detail Page Cart Page

iOS Screenshots

HomePage Product Detail Page Cart Page

Directory Structure

lib
│───main.dart    
└───src
    │───config
    |    └──route.dart
    │───model
    │    │──category.dart
    |    │──data.dart
    |    └──product.dart
    │───pages
    |    │──homePage.dart
    |    │──mainPage.dart
    |    │──product_detail.dart
    |    └──shoping_cart_page.dart
    │───theme
    |    │──light_color.dart
    |    └──theme.dart
    └───widgets
         │──BottomNavigationBar
         |   |──bootom_navigation_bar.dart
         |   |──bottom_curved_Painter.dart
         |   └──centered_elasticIn_curve.dart
         |──bottom_navigation_bar.dart
         |  customRoute.dart
         |  prduct_icon.dart
         │──product_card.dart
         └──title_text.dart

Pull Requests

I welcome and encourage all pull requests. It usually will take me within 24-48 hours to respond to any issue or request.

Flutter projects

Project Name Stars
Twitter clone GitHub stars
Healthcare App GitHub stars
Smart course GitHub stars
Pokedex GitHub stars
Authentication GitHub stars
Wallet App GitHub stars
News App GitHub stars
Watch App GitHub stars
Smart Home App GitHub stars
Yatch Booking App GitHub stars

Flutter plugins

Plugin Name Stars
Empty widget GitHub stars
Add Thumbnail GitHub stars
Filter List GitHub stars

Created & Maintained By

Sonu Sharma (Twitter) (Youtube) (Insta) (Dev.to) Twitter Follow

If you found this project helpful or you learned something from the source code and want to thank me, consider buying me a cup of

You can also nominate me for Github Star developer program https://stars.github.com/nominate

Visitors Count

Loading

Comments
  • Error: No named parameter with the name 'display4'

    Error: No named parameter with the name 'display4'

    Describe the bug When i run the app following error is thrown and build fails with exit code 1.

    Launching lib\main.dart on RMX1851 in debug mode...
    Running Gradle task 'assembleDebug'...
    /D:/src/flutter/flutter/.pub-cache/hosted/pub.dartlang.org/google_fonts-0.3.9/lib/google_fonts.dart:109:7: Error: No named parameter with the name 'display4'.
          display4: GoogleFonts.aBeeZee(textStyle: textTheme?.display4),
          ^^^^^^^^
    
    
    FAILURE: Build failed with an exception.
    
    * Where:
    Script 'D:\src\flutter\flutter\packages\flutter_tools\gradle\flutter.gradle' line: 1005
    
    * What went wrong:
    Execution failed for task ':app:compileFlutterBuildDebug'.
    > Process 'command 'D:\src\flutter\flutter\bin\flutter.bat'' finished with non-zero exit value 1
    
    * Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.
    
    * Get more help at https://help.gradle.org
    
    BUILD FAILED in 21s
    Exception: Gradle task assembleDebug failed with exit code 1
    

    To Reproduce Steps to reproduce the behavior:

    1. Clone the repo https://github.com/TheAlphamerc/flutter_ecommerce_app.git
    2. Click on 'pub get'
    3. Run
    4. See error

    Expected behavior App was expected to be build

    Screenshots

    sas

    Desktop (please complete the following information):

    • OS: [e.g. iOS]
    • Browser [e.g. chrome, safari]
    • Version [e.g. 22]

    Smartphone (please complete the following information):

    • Device: [e.g. iPhone6]
    • OS: [e.g. iOS8.1]
    • Browser [e.g. stock browser, safari]
    • Version [e.g. 22]

    Additional context

    flutter doctor

    F:\flutter_ecommerce_app>flutter doctor
    Doctor summary (to see all details, run flutter doctor -v):
     Flutter (Channel stable, 2.5.0, on Microsoft Windows [Version 10.0.19043.1151], locale en-US)
    [√] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
    [√] Chrome - develop for the web
    [√] Android Studio (version 2020.3)
    [√] VS Code (version 1.60.1)
    [√] Connected device (3 available)
    
    • No issues found!
    
    

    flutter doctor verbose

    F:\Fluttter Apps\customer>flutter doctor -v
    [√] Flutter (Channel stable, 2.5.0, on Microsoft Windows [Version 10.0.19043.1151], locale en-US)
        • Flutter version 2.5.0 at D:\src\flutter\flutter
        • Upstream repository https://github.com/flutter/flutter.git
        • Framework revision 4cc385b4b8 (13 days ago), 2021-09-07 23:01:49 -0700
        • Engine revision f0826da7ef
        • Dart version 2.14.0
    
    [√] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
        • Android SDK at C:\Users\LAKHN KUMAWAT\AppData\Local\Android\sdk
        • Platform android-31, build-tools 31.0.0
        • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
        • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7249189)
        • All Android licenses accepted.
    
    [√] Chrome - develop for the web
        • Chrome at C:\Program Files (x86)\Google\Chrome\Application\chrome.exe
    
    [√] Android Studio (version 2020.3)
        • Android Studio at C:\Program Files\Android\Android Studio
        • Flutter plugin can be installed from:
           https://plugins.jetbrains.com/plugin/9212-flutter
        • Dart plugin can be installed from:
           https://plugins.jetbrains.com/plugin/6351-dart
        • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7249189)
    
    [√] VS Code (version 1.60.1)
        • VS Code at C:\Users\LAKHN KUMAWAT\AppData\Local\Programs\Microsoft VS Code
        • Flutter extension can be installed from:
           https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
    
    [√] Connected device (3 available)
        • RMX1851 (mobile) • 4e5981a2 • android-arm64  • Android 11 (API 30)
        • Chrome (web)     • chrome   • web-javascript • Google Chrome 93.0.4577.82
        • Edge (web)       • edge     • web-javascript • Microsoft Edge 93.0.961.47
    
    • No issues found!
    
    

    flutter version

    F:\flutter_ecommerce_app>flutter --version
    Flutter 2.5.0 • channel stable • https://github.com/flutter/flutter.git
    Framework • revision 4cc385b4b8 (9 days ago) • 2021-09-07 23:01:49 -0700
    Engine • revision f0826da7ef
    Tools • Dart 2.14.0
    

    PS - I cloned the repo today itself for first time

    bug 
    opened by Lakhankumawat 8
  • Execution failed for task ':app:processDebugResources'.

    Execution failed for task ':app:processDebugResources'.

    Describe the bug After installing package while trying to run in emulator It gives this error message.

     FAILURE: Build failed with an exception.
    
    • What went wrong: Execution failed for task ':app:processDebugResources'.

    A failure occurred while executing com.android.build.gradle.internal.tasks.Workers$ActionFacade Android resource linking failed I:\Flutter\flutter_ecommerce_app-master\android\app\src\main\res\drawable\launch_background.xml:13: AAPT: error: resource drawable/ic_launcher (aka com.thealphamerc.flutter_ecommerce_app:drawable/ic_launcher) not found. I:\Flutter\flutter_ecommerce_app-master\android\app\src\main\res\drawable-v21\launch_background.xml:13: AAPT: error: resource drawable/ic_launcher (aka com.thealphamerc.flutter_ecommerce_app:drawable/ic_launcher) not found. Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights. Get more help at https://help.gradle.org

    The build failed likely due to AndroidX incompatibilities in a plugin. The tool is about to try using Jetifier to solve the incompatibility. [!] Flutter tried to create the file android\settings_aar.gradle, but failed. To manually update settings.gradle, follow these steps: 1. Copy settings.gradle as settings_aar.gradle 2. Remove the following code from settings_aar.gradle: def localPropertiesFile = new File(rootProject.projectDir, "local.properties") def properties = new Properties() assert localPropertiesFile.exists() localPropertiesFile.withReader("UTF-8") { reader -> properties.load(reader) } def flutterSdkPath = properties.getProperty("flutter.sdk") assert flutterSdkPath != null, "flutter.sdk not set in local.properties" apply from: "$flutterSdkPath/packages/flutter_tools/gradle/app_plugin_loader.gradle" Exception: Please create the file and run this command again.

    2021-08-26 10_19_50-Window

    opened by Tareque2208 2
  • `SliverGridDelegateWithFixedCrossAxisCount()` not rendering

    `SliverGridDelegateWithFixedCrossAxisCount()` not rendering

    Describe the bug SliverGridDelegateWithFixedCrossAxisCount() not rendering

    To Reproduce

    Widget _productWidget() {
       return Container(
         margin: const EdgeInsets.symmetric(vertical: 10),
         width: AppTheme.fullWidth(context),
         height: AppTheme.fullWidth(context) * .7,
         child: GridView(
           gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
               crossAxisCount: 1,
               childAspectRatio: 1.0,
               mainAxisSpacing: 0.0,
               crossAxisSpacing: 0.0),
           padding: const EdgeInsets.only(left: 20),
           scrollDirection: Axis.horizontal,
           children: AppData.productList
               .map(
                 (product) => ProductCard(
                   product: product,
                   onSelected: (model) {
                     setState(() {
                       AppData.productList.forEach((item) {
                         // item.isSelected;
                       });
                       // model.isSelected = true;
                     });
                   },
                 ),
               )
               .toList(),
         ),
       );
     }
    

    renders me a black screen with the search bar atop. I have no idea what the issue could be. Thanks!

    opened by andesappal 2
  • Adding new icon makes background curve out of sync

    Adding new icon makes background curve out of sync

    Describe the bug When trying to add a new element in bottom navigation with index 4, Visual white curved background no longer stay in sync with elevated icons. It seems that

    To Reproduce Steps to reproduce the behavior:

    1. In bottom_navigation_bar, go to line 168
    2. add another instance of _icon with index 4.
    3. Run app
    4. White curved white bar which move with elastic effect no longer remains behind the selected icon.

    Expected behavior Curved background should dynamically adjust based on number of elements in bottom tabs.

    Smartphone (please complete the following information):

    • Device: Samsung Note 9
    • OS: Android 10
    opened by klodha 2
  • error: The named parameter 'bodyText1' isn't defined. (undefined_named_parameter at [flutter_ecommerce_app] lib\src\themes\theme.dart:11)

    error: The named parameter 'bodyText1' isn't defined. (undefined_named_parameter at [flutter_ecommerce_app] lib\src\themes\theme.dart:11)

    Describe the bug error: The named parameter 'bodyText1' isn't defined. (undefined_named_parameter at [flutter_ecommerce_app] lib\src\themes\theme.dart:11)

    To Reproduce Steps to reproduce the behavior:

    1. Go to '...'
    2. Click on '....'
    3. Scroll down to '....'
    4. See error

    Expected behavior A clear and concise description of what you expected to happen.

    Screenshots If applicable, add screenshots to help explain your problem.

    Desktop (please complete the following information):

    • OS: [e.g. iOS]
    • Browser [e.g. chrome, safari]
    • Version [e.g. 22]

    Smartphone (please complete the following information):

    • Device: [e.g. iPhone6]
    • OS: [e.g. iOS8.1]
    • Browser [e.g. stock browser, safari]
    • Version [e.g. 22]

    Additional context Add any other context about the problem here.

    opened by shlokalakka 1
  • A RenderFlex overflowed by 2.3 pixels on the bottom.

    A RenderFlex overflowed by 2.3 pixels on the bottom.

    Describe the bug A RenderFlex overflowed by 2.3 pixels on the bottom. 2020-07-29_003930 Screenshot_20200729-001506

    Smartphone (please complete the following information):

    • Device: HTC U11
    • OS: Android 9

    I added a semi-transparent black background for the picture. You can find that the background heights of the two pictures are different, which may cause errors in phones of different sizes. Screenshot_20200729-001720

    So you can add "Expanded" and let it automatically adjust the height to avoid errors. 2020-07-29_005507 Screenshot_20200729-002714

    opened by tenSunFree 1
  • isInitialRoute error

    isInitialRoute error

    The getter 'isInitialRoute' isn't defined for the type 'RouteSettings'. Try importing the library that defines 'isInitialRoute', correcting the name to the name of an existing getter, or defining a getter or field named 'isInitialRoute'.

    error
    opened by hemguna 1
  • Error when run

    Error when run

    Hello, When i run app it have error: Compiler message:
    ../flutter/.pub-cache/hosted/pub.dartlang.org/google_fonts-0.3.9/lib/src/google_fonts_base.dart:185:30: Error: The method 'handleSystemMessage' isn't defined for the class 'PaintingBinding'.

    • 'PaintingBinding' is from 'package:flutter/src/painting/binding.dart' ('../flutter/packages/flutter/lib/src/painting/binding.dart'). Try correcting the name to the name of an existing method, or defining a method named 'handleSystemMessage'. PaintingBinding.instance.handleSystemMessage({'type': 'fontsChange'}); ^^^^^^^^^^^^^^^^^^^
      Compiler failed on /Users/quanghoa/FLUTTER/flutter_ecommerce_app/lib/main.dart

    FAILURE: Build failed with an exception.

    • Where:
      Script '/Users/quanghoa/FLUTTER/flutter/packages/flutter_tools/gradle/flutter.gradle' line: 789

    • What went wrong:
      Execution failed for task ':app:compileFlutterBuildDebugX86'.

    Process 'command '/Users/quanghoa/FLUTTER/flutter/bin/flutter'' finished with non-zero exit value 1

    • Try:
      Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

    • Get more help at https://help.gradle.org

    BUILD FAILED in 13s
    Running Gradle task 'assembleDebug'...
    Running Gradle task 'assembleDebug'... Done 13.9s Gradle task assembleDebug failed with exit code 1

    opened by quanghoahcm 1
  • m getting this error

    m getting this error

    `Note: /home/law/snap/flutter/common/flutter/.pub-cache/hosted/pub.dartlang.org/path_provider-1.6.1/android/src/main/java/io/flutter/plugins/pathprovider/PathProviderPlugin.java uses or overrides a deprecated API. Note: Recompile with -Xlint:deprecation for details.

    FAILURE: Build failed with an exception.

    • What went wrong:
      Execution failed for task ':path_provider:extractDebugAnnotations'.

    Could not resolve all files for configuration ':path_provider:lintClassPath'.
    Could not download lint-gradle.jar (com.android.tools.lint:lint-gradle:26.5.0)
    > Could not get resource 'https://dl.google.com/dl/android/maven2/com/android/tools/lint/lint-gradle/26.5.0/lint-gradle-26.5.0.jar'. > Could not GET 'https://dl.google.com/dl/android/maven2/com/android/tools/lint/lint-gradle/26.5.0/lint-gradle-26.5.0.jar'. > dl.google.com: Temporary failure in name resolution
    Could not download lint.jar (com.android.tools.lint:lint:26.5.0)
    > Could not get resource 'https://dl.google.com/dl/android/maven2/com/android/tools/lint/lint/26.5.0/lint-26.5.0.jar'. > Could not GET 'https://dl.google.com/dl/android/maven2/com/android/tools/lint/lint/26.5.0/lint-26.5.0.jar'. > dl.google.com
    Could not download lint-checks.jar (com.android.tools.lint:lint-checks:26.5.0)
    > Could not get resource 'https://dl.google.com/dl/android/maven2/com/android/tools/lint/lint-checks/26.5.0/lint-checks-26.5.0.jar'. > Could not GET 'https://dl.google.com/dl/android/maven2/com/android/tools/lint/lint-checks/26.5.0/lint-checks-26.5.0.jar'. > dl.google.com
    Could not download lint-api.jar (com.android.tools.lint:lint-api:26.5.0)
    > Could not get resource 'https://dl.google.com/dl/android/maven2/com/android/tools/lint/lint-api/26.5.0/lint-api-26.5.0.jar'. > Could not GET 'https://dl.google.com/dl/android/maven2/com/android/tools/lint/lint-api/26.5.0/lint-api-26.5.0.jar'. > dl.google.com
    Could not download intellij-core.jar (com.android.tools.external.com-intellij:intellij-core:26.5.0)
    > Could not get resource 'https://dl.google.com/dl/android/maven2/com/android/tools/external/com-intellij/intellij-core/26.5.0/intellij-core-26.5.0.jar'. > Could not GET 'https://dl.google.com/dl/android/maven2/com/android/tools/external/com-intellij/intellij-core/26.5.0/intellij-core-26.5.0.jar'. > dl.google.com
    Could not download kotlin-compiler.jar (com.android.tools.external.com-intellij:kotlin-compiler:26.5.0)
    > Could not get resource 'https://dl.google.com/dl/android/maven2/com/android/tools/external/com-intellij/kotlin-compiler/26.5.0/kotlin-compiler-26.5.0.jar'. > Could not GET 'https://dl.google.com/dl/android/maven2/com/android/tools/external/com-intellij/kotlin-compiler/26.5.0/kotlin-compiler-26.5.0.jar'. > dl.google.com
    Could not download uast.jar (com.android.tools.external.org-jetbrains:uast:26.5.0)
    > Could not get resource 'https://dl.google.com/dl/android/maven2/com/android/tools/external/org-jetbrains/uast/26.5.0/uast-26.5.0.jar'. > Could not GET 'https://dl.google.com/dl/android/maven2/com/android/tools/external/org-jetbrains/uast/26.5.0/uast-26.5.0.jar'. > dl.google.com

    • Try:
      Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

    • Get more help at https://help.gradle.org

    BUILD FAILED in 4m 6s `

    opened by scshiv29-dev 0
Releases(v1.0.0)
Owner
Sonu Sharma
Just a passionate technology enthusiast whose flaw is curiosity. I like to figure out complex problems, working with teams.
Sonu Sharma
A complete Flutter E-Commerce Book Store application built using firebase as backend.

ecommerce A complete Flutter E-Commerce Book Store application built using firebase as backend. Features Add or remove item in cart Search products Ad

Fateh Singh 58 Sep 30, 2022
An E-Commerce application built with Flutter and FakeStoreAPI.

pinkshop A basic dummy E-Commerce Application developed using Flutter. This is a model of a E-Shopping app designed with flutter. This app has been im

Rahul Prakash 1 Jan 7, 2022
modern e-commerce store built in flutter with help of GetX.

Shoe Commerce Modern looking shoe store app built in flutter and help of GetX :) Design source: https://www.figma.com/community/file/11473970061435204

ƳƠƲƧƠƑ 6 Nov 24, 2022
Flutter Complete E-Commerce app (UI by - 'The Flutter Way')

NOT COMPLETED YET! e_commerce A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to ge

null 1 Mar 8, 2022
Flutter Shop UI - an e-commerce app using Flutter

If you are planning to create an e-commerce app using Flutter then this Shop UI Kit would be the perfect choice for you to make a gorgeous app for both Android & iOS.

Trần Văn Nguyên 21 Nov 21, 2022
Demo UI of e-commerce app made with Flutter.

Flutter Ecommerce App UI Demo A sample application to show an Ecommerce App Flutter Clone. Demo Android Screen iOS Screen Getting Started This project

FlutterDevs 345 Jan 5, 2023
E commerce App using Flutter

buy_it A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this i

HusseinElbhrawy 0 Nov 15, 2021
Open Flutter E-commerce App

Open E-commerce App Open Flutter Project E-commerce App is mobile application for e-commerce. We are building a commercially valuable product as an op

null 666 Dec 23, 2022
E-Commerce Complate App - Flutter UI

E-Commerce Complate App - Flutter UI In the first part of our complete e-commerce app, we show you how you can create a nice clean onboarding screen f

Abu Anwar 3.1k Dec 27, 2022
App that simulates an e-commerce of natural products with Flutter and Dart

E-commerce Orgs App que simula um e-commerce de produtos naturais para o curso de navegação e rotas com nuvigator através do Flutter e Dart. ?? Funcio

Heliomar P. Marques 1 Feb 18, 2022
Flutter E-commerce mobile app with Firebase

ecommerce A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if thi

null 0 Dec 27, 2021
Flutter E-Commerce App UI with support for dark and light mode.

Flutter E-Commerce App UI with support for dark and light mode.

Martin Gogołowicz 18 Aug 19, 2022
A nice clean onboarding screen for your e-commerce app that can run both Andriod and iOS devices because it builds with flutter

A nice clean onboarding screen for your e-commerce app that can run both Andriod and iOS devices because it builds with flutter

null 23 Dec 4, 2022
Basic e-commerce app made in Flutter and Supabase.

Available on Android / IOS Made in Flutter and Supabase Package Provider Supabase http Features Authentication filter products by discount, rating, ca

MontyDLemon 3 Nov 20, 2022
A Retro Theme-based e-commerce app for antiques. #Hack20

Motivation ?? ?? With the boons of internet ?? spreading worlwide over the last two decades, e-commerce has evolved to be one of the largest industrie

HIMANSHU SHARMA 79 Dec 19, 2022
🛍 A full E-commerce app with nice UI consists of on-boarding, login, sign-up, home, product details, cart and user profile.

?? A full E-commerce app with nice UI consists of on-boarding, login, sign-up, home, product details, cart and user profile.

null 56 Nov 27, 2022
A e-commerce app.

ecom A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is

Suvindran 0 Feb 16, 2022
Ecommerceapp - E-commerce app that sells clothing and home goods

E Commerce App for Shrine e-commerce app that sells clothing and home goods.

Gülsen Keskin 3 Sep 17, 2022
A fakestore E-Commerce app

fakestore A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if thi

Md Abir Ahsan Tahmim 0 Jul 14, 2022