Discount !! E-commerce App With Backend Source Code Video and Voice Chatting App Firebase Chatting App Source Code Complete Gym App BLoC State Management Source Code Complete Study App Buy Ticket Booking App Source Code Payment App Buy Travel App With Backend Source Code Complete Chat App Udemy Course Special Offer Online Learning Course App (BLoC)
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