Flutter Ecommerce Template

Here we will focus for the e-commerce templating part. We will learn how to set up configuration and little changes make the app reusable for various purposes.

This article is for Patreons. Patreons could learn here how to set up the app in your local invironment as well in a server and make the related changes.

Install android studio

First you need to have android studio installed in your local machine. Watch the video below to know about how to install android studio and flutter in your machine.

After installing android studio, you can just open the downloaded app file in the android studio. Just drag and drop on the android or vscode icon.

 

Firebase project set up

Since this app depends on Firebase you have to create a Firebase project and get the GoogleService-info.plist for iOS and google-services.json for Android. The below video shows to create a Firebase project for android.

 

Google Map api key

Since this app depends on Google Map, you have create a billing account in and create project there to get Google Map api key.

https://console.cloud.google.com/

If you want to view Google Map in the project you must set up your own account in the above link and create a project.

 Android users should put the key  in the application manifest android/app/src/main/AndroidManifest.xml

<manifest ...
  <application ...
    <meta-data android:name="com.google.android.geo.API_KEY"
               android:value="YOUR KEY HERE"/>

 

iOS user put the key ios/Runner/AppDelegate.swift
import UIKit
import Flutter
import GoogleMaps

@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
  override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
  ) -> Bool {
    GMSServices.provideAPIKey("YOUR KEY HERE")
    GeneratedPluginRegistrant.register(with: self)
    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
  }
}

Change Flutter app name (optional)

You might wanna change the name of your app. Watch the video below to change the app name

 

Change bundle identifier name for iOS and package name for Android

The below video teaches you how to change the package name for Android and bundle identifier name for iOS

 

SHA1 Key

You need to get SHA1 key for android Google map.

 

Change project name

The below video would help you to know how to change the project name of your app. It could be the delivery boy app or the food app.

 

Install the backend locally on windows

It shows how to install the downloaded backend in a local windows machine. Just follow the steps to do it.

 

Install the backend locally on Mac

It shows how to install the downloaded backend in a local Mac machine. Just follow the steps to do it.

 

Hosting on Hostgator

If you wanna host the app in live server watch the video below

Recommendation

Strongly recommend to watch and finish the video below. The below video teaches you to build admin panel step by step.

 

Hosting on Namecheap

Select service zone

Learn how to choose zone for your business

 

Enable iOS push notification

You should watch the below video if you wanna enable iOS push notification. You just follow the set up but not the coding part. Just follow the different set up for the apps.

 

Upload APNS for iOS Firebase

Additional Tips

The below tips helps you to learn more and better grasp for the app.

1. Google Map Api Key Test With Postman

2. Postman push notification test

Recent posts