Logo Logo
Result
  • Home
  • agri wealth agri wealth app bill pay app bullion bwall wp theme chaincity chaincity app coinectra docfinder booking template app docfinder consultation template app etrendz ex rate finounce foody friend gamers arena gamers arena app gear fixer groomify hyip pro hyip pro app ico genie lens queen list place list place app list place template app mine stack next destina ptc pro restaurant smm matrix swift send travel advaizar waiz zylochat
  • Get Support
  • Preview Demo
Logo Logo
  • Documentation
  • Introduction
  • Screenshot
  • Prologue
  • Release Notes
  • Upgrade Guide
  • APP Setup
    • App Requirements
    • App Installation
    • App Packages
    • App Folder Structure
    • App Screens
    • Setup Application
    • Firebase Setup
    • Publish App

App Settings

App Requirements

Download and install Any one from these IDE(Android studio, Vs Code) on your computer.

  1. Source Android Studio:
    https://developer.android.com/studio
  2. Source VS Code:
    https://code.visualstudio.com/download

Setup Flutter and Dart SDK in your computer if you want to modify the source code

  1. Source:
    https://docs.flutter.dev/get-started/install

Must installed Flutter and dart plugin on your IDE


Installation

After downloading file from codecanyon you will get a zip file. Extracting the zip file you will get Documentation Folder and » project.zip included in there:

  • Unzip the source code and open it in your IDE.
  • On your IDE find for pubspecs.yaml file then click on pub get on top right side your IDE.
  • Please make sure your flutter and dart SDK updated.
  • Open an emulator or connect a real device and then click on Run Button for compile the project.
Image Description Image Description

Note

We used these version for development Flutter 3.24.3

Flutter Packages

Folder Structure

All you need to follow the lib(Library) Folder for any logical and UI changes in this project.

  1. Controller Folder »
    All of the logic implemented here.
  2. Data Folder »
    API integration and error handle.
  3. Routes Folder »
    All app routes declared here.
  4. Config Folder »
    App text styles and colors are declared here.
  5. Notification_service Folder »
    Handle both in app notifications and push notifications.
  6. Theme Folder »
    Control the theme Dark and light mode.
  7. Utils Folder »
    App constants, local storage and helper class are definded here..
  8. View Folder »
    All of the screen UI and component here.

Screens

  1. Splash screen
  2. Onboarding screen
  3. Sign In Screen
  4. Sign Up Screen
  5. Forgot password Screen
  6. Create New Password Screen
  7. Home Screen
  8. Notification Screen
  9. Profile Settings Screen
  10. Edit Profile Screen
  11. Change Password Screen
  12. KYC Verification Screen
  13. KYC Verify Check Screen
  14. TwoFa Verify Screen
  15. Create Support Ticket Screen
  16. Support Ticket List Screen
  17. Support Ticket View Screen
  18. Notification Screen
  19. Delete Account Screen
  20. Transaction Screen
  21. Payment Success Screen
  22. Deposit Screen
  23. Deposit Preview Screen
  24. Withdraw Screen
  25. Withdraw Preview Screen
  26. Referral Screen
  27. Referral Bonus Screen
  28. Notification Permission Screen
  29. Project Invest Screen
  30. Project Invest History Screen
  31. Plan Invest Screen
  32. Plan Invest History Screen
  33. Investment Success Screen
  34. Products Screen
  35. Product Details Screen
  36. Product Filter Screen
  37. My Cart Screen
  38. Checkout Screen
  39. WishList Screen
  40. Order Screen
  41. Order Details Screen

Setup Application

Change App Primary color Open :
lib
  • config
      • app_colors.dart
Change App Base Url :
lib
  • utils
      • app_constants.dart
  1. For change the app name please follow:
    https://pub.dev/packages/rename_app
  2. For change the app icon please follow:
    https://pub.dev/packages/flutter_launcher_icons
  3. For change the app package name please follow:
    https://pub.dev/packages/change_app_package_name

Firebase Setup in Flutter app

To set up Firebase in your Flutter app, please follow the official documentation carefully:
  1. For Android:
    https://firebase.google.com/docs/flutter/setup?platform=android
  2. For IOS:
    https://firebase.google.com/docs/flutter/setup?platform=ios
NB : After following this documentation, ensure that the credentials are successfully replaced with your own credentials as shown in the image below.
android
  • app
      • google-services.json

Connect your Flutter App with your server:

  1. In the Firebase console, open Settings > Service Accounts.
  2. Click Generate New Private Key, then confirm by clicking Generate Key.
After clicking the "Generate new private key" button, a JSON file will download. Simply upload this file by clicking the button shown in the image below.

Publish App

1. Android

Follow the guidelines publish the app to Play Store.
  1. PlayStore:
    https://flutter.dev/docs/deployment/android

2. IOS

Follow the guidelines publish the app to AppStore.
  1. AppStore:
    https://flutter.dev/docs/deployment/ios