thealphamerc / flutter_ecommerce_app

E-Commerce App built in flutter

flutter_ecommerce_app

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

Download App

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
Healthcare App
Smart course
Pokedex
Authentication
Wallet App
News App
Watch App
Smart Home App
Yatch Booking App

Flutter plugins

Plugin Name	Stars
Empty widget
Add Thumbnail
Filter List

Created & Maintained By

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

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 ☕

• PayPal

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

Visitors Count

flutter_ecommerce_app's Issues

Backend feature

Really lovely ui.. When will you add backend coding?

Unresolved class 'MainActivity'

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.

A RenderFlex overflowed by 2.3 pixels on the bottom.

Describe the bug
A RenderFlex overflowed by 2.3 pixels on the bottom.

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.

So you can add "Expanded" and let it automatically adjust the height to avoid errors.

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.

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

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

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

Facing issue in splash screen

Logo is not aligned
A clear and concise description of what the bug is.

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.

Android Studio Issue

When I open this project in Android Studio is see this issue in Windows 10. Guess I should mention I am new to Flutter and Dart.

Upgrade to Dart 3

Is your feature request related to a problem? Please describe.
Can't run the app on Dart 3 due to type safety. https://dart.dev/resources/dart-3-migration

Describe the solution you'd like
I would like the app migrated to Dart 3

Describe alternatives you've considered
I tried to migrate it myself but I am a flutter rookie and couldn't make it work.

`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!

Where the server to proccess ceckout customer??

hello dear, have you that web app for this?? or whre the server if we processing customer checkout??

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

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 `

Ecom

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'.