Multikart

• Compatible with Shopify
• Compatible with Graphql
• E-commerce Application Template
• MultiLanguage support
• MultiCurrency support
• RTL Support
• Shimmer Loader effect
• Getx State Management
• Dart Extension
• Light and Dark Mode Theme
• Compatible Flutter 3.0.0
• 1000+ Hours saved
• Fields Validation
• Clean and Simple Code and Well Documented
• Code under 70 line
• Easy to SetUp

• If you haven’t Flutter in system ? Click here for installation Flutter https://flutter.dev/docs/get-started/install
• We know you are aware for flutter installation steps if you are facing Any difficulty then follow this stpes for Visual Studio : https://flutter.dev/docs/development/tools/vs-code
• We know you are aware for flutter installation steps if you are facing Any difficulty then follow this stpes for Android Studio: https://developer.android.com/studio/

SDK Version:

If you use Chatify in your project then you need to change following changes.

Flutter Install:

We know you are aware for flutter installation steps if you are facing Any difficulty then follow this stpes : https://docs.flutter.dev/get-started/install?gclid=CjwKCAiAyfybBhBKEiwAgtB7fow-94-hreD6f2avvXKl2VvIDbS_focHuOlycE3RcHUxPCuOlXLvGBoCok8QAvD_BwE&gclsrc=aw.ds

1. Download Lastest Flutter SDK from below link.in that click on flutter_window_xxx.zip button.
   




2. Extract the zip file and copy flutter folder into your desired installation location for the Flutter SDK.
3. Run the "flutter doctor" command to see if there any dependencies you need to install to complete setup.
   

Flutter Install in Visual Studio:

Flutter Install in Android Studio:

C:\> choco install dart-sdki 

$sudo apt-get update

$sudo apt-get install dart

$brew tap dart-lang/dart

$sudo apt-get install dart

Before you begin, make sure your development environment includes Flutter and Dart install in Android Studio or in Visual Studio or in Intelli J IDEA

Create project in Visual Studio: :

Create project in Android Studio :

• Now open your project, go to File -> Open -> select your project from location.
• Replace Project name and Package name Chatify with your name.

• Change Your title Name in main.dart

• ANDROID - Change Your App Name in AndroidManifest.xml

• IOS - Change Your CFBundle Name in Info.plist

• If you haven’t Firebase Project Account ? Click here for create projet https://console.firebase.google.com/

1. Select an Android app in the firebase console.

2. Write project package name and SHA-1 Key.

3. Download google-service.json file and keep in project root directory
4. Example Multikart(Project Name) -> android -> app

5. Replace the file in "android/app"

6. Update in project -> build.gradile

7. Update in project ->android -> app -> build.gradile

1. Create an IOS or Android click on Add app

2. Select an iOS app in the firebase console.

3. Write bundlid and APPID

4. Download the Googleservice-info.plist file

5. Replace the file in "ios/Runner/info.plist"
6. Update "FirebaseApp.Configure()" in AppDelegate File

• Please enable Email , google , facebook .

• For Debug mode:
  • keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey
  • -storepass android -keypass android

• for Release mode:
  • keytool -list -v -keystore [keystore_name] -alias [alias_name].

• For Create Bundle in android :
  • If you want to create bundle instead of apk you have to add new signin SHA-1 From you google console like :
    Go to Google play console ⇒ Select you app ⇒ Go to release Management ⇒ Open App Signin ⇒ Copy SHA-1 from app singin certificated and paste it to firebase project settings.

SHOPIFY

• This package allow to access Shopify store and can create app for existing Shopify website


FOLLOW SIMPLE STEPS BELOW FOR QUICKLY SETUP SHOPIFY:

• Go to SHOPIFY Developer Platform page https://www.shopify.com/.
• Now create account by enter email and click on start trial
• Select options according to your requirement.
• Select where to sell, if not then skip the process
• Select social where to sell, if not then skip the process
• Select where to sell first, if not then skip the process
• Select if you have audience, if not then skip the process
• Provide store name if you want or else click skip or next button
• Select your Country
• For more use Shopify pick up plan according to your requirement
• Now select Apps left hand side menu at bottom and then select App and sales channel settings
• Now select Develop apps left hand side menu at bottom and then select
• Again Select Allow custom app development button
• Now click on create an app button
• Provide your app name
• Select Configure Admin API Scope
• Select checkbox according to your requirement
• Now go to Overview tab and install app for token
• After click on install popup open in that click on install again
• After install complete you got token select token and implement in project
• Yuppy 😊!!!!, Now you are ready to Use SHOPIFY in your app

FOLLOW SIMPLE STEPS BELOW FOR QUICKLY SETUP SHOPIFY IN PROJECT:

• Open your project, go to your config file, mine is in : lib/env

Map
<
String, dynamic>
 environment = {
  "serverConfig": {
    'domain': 'Your Domain/ Api Url',
    'accessToken': 'Your Access Token',
    'adminAccessToken': 'Your Admin Access Token',
  },
};
                                      


• Connect Shopify using Graphql
• Yeah 😊!!!!, Now you are ready to Use SHOPIFY With GRAPHQL for add, get or update data in your app

• If your project was created before flutter web was enabled, your project needs a copy of the web folder with an index.html file. If there is not a web folder in your root directory, run the following command to make one:

  flutter create

• If you create a project after enabling the web, it automatically creates the web/index.html file for you. Good, now on to the Firebase Hosting setup.
• ☝️Note: Step 1 and 2 can be skipped if you already have a Firebase project and firebase-tools installed.

Step 1: Setup Firebase

• Login into current Firebase Account
• Select Multikart App
• In Project Setting, scroll down and click Add App.
• One pop up will appear, in that select html tag ( < />) option.
  
• Now enter your app name
• Now check on checkbox for the web hosting and provide hosting name (web name) and click on Register app button
• Now select Use a <script> tag and copy code in your admin project inside web/index.html
• Now initalize firebase in main.dart
• Add google-json.service in android/app
• Add Data according to your requirement.

Step 2: Install the firebase-tools CLI

• 🏃‍♀Skip this step if you already have firebase-tools installed.
• If you do not have npm, you must install that first.
• ☝️Note: If you are not sure whether npm is installed on your machine, run $ npm -v , and see if it lists a version number. If it does, then you already have npm. If it says “command not found”, you need to install it.
  1. Installing npm on windows.
  2. Installing npm on linux.
  3. Installing npm on mac.
  4. Or download it directly from Node.js.
• Once npm is installed, run the following command to install the firebase-tools:

  npm install -g firebase-tools

• firebase-tools is now installed!

Step 3: Initialize Firebase hosting for your Flutter project

• Open a terminal and navigate to the root directory for your Flutter app and run this command to login:

  firebase login

• ☝️Note: If you are already logged in and want to re-login as different account, first logout with:

  firebase logout

• Follow the command prompt and the link in your browser. Accept the permissions by clicking Ok. When you return to your terminal you should see that you are now logged in:
  
• Next, run this command from the root directory of your Flutter app to initialize your Firebase project:

  firebase init

• Use the arrow keys to navigate the cursor to Hosting and hit the spacebar to select it, then press enter. Now you will see this screen:
• Select Use an existing project by pressing Enter. Use the arrow keys to select the project you made in step 1.
• Next, enter build/web as the public directory and press enter, then enter n (for no) to select the single page app option
• Next, enter n (for no) to deploy with Github option
• Next, enter y (for yes) to overwrite 404.html option
• Next, enter y (for yes) to overwrite index.html option
• ☝️Note: After this step, 2 new files are created (.firebaserc and firebase.json) in your root directory. Check and make sure they are there. If not, check for errors in the firebase init step and retry.

Step 4: Build and deploy!

• Build your app for web:

  flutter build web

• This builds the necessary files in /build/web.
• Finally, run:

  firebase deploy

• The hosting files are uploaded and hosted at your Firebase URL. You can follow the link in your terminal to your Flutter web project!