• If you use the specified versions, our code will work properly because the libraries and SDKs we used have not been updated yet. Whenever those libraries are updated, we will also update the code accordingly. As long as you use the same versions, the code will function exactly as shown in the demo app without any issues, so there’s no need to worry.
• We have used the following versions in this project, so you also need to use the same while setting it up:
  • Flutter 3.24.3
  • Java 17.0.12
  • Android Studio Koala Patch 1
• To modify this project, it's essential to ensure that Flutter and Dart are installed and properly configured on your computer.
• If you have already installed and configured the Android SDK, the steps to install Flutter are as follows:

1. Download the Flutter SDK from the official website and extract it.
2. Add the path to the previously extracted SDK to your PATH variable.
3. Run the flutter doctor tool to verify if everything is configured correctly.

• For detailed instructions, please refer to the following documentation:https://flutter.dev/docs/get-started/install/

• Download Android Studio from the official website:https://developer.android.com/studio/
• Access the Flutter SDK through:https://flutter.dev/docs/get-started/install
• For further information on Android Studio, visit:https://developer.android.com/studio/intro/

Step 1 : Get the Flutter SDK

• Please download the provided installation bundle to access the latest stable release of the Flutter SDK.
• Upon downloading, extract the zip file and place the 'flutter' directory in your chosen installation directory for the Flutter SDK (e.g., C:\src\flutter). Avoid installing Flutter in directories such as C:\Program Files, as it may require elevated privileges.

Step 2 : Update your path

• To enable running Flutter commands in the regular Windows console, follow these steps to add Flutter to the PATH environment variable:

1. Open the Start menu and search for 'env', then select 'Edit environment variables for your account'.
2. In the User variables section, check if there is an entry named Path.
3. If the Path entry already exists, append the full path to the flutter\bin directory using ; as a separator from existing values.
4. If the Path entry doesn’t exist, create a new user variable named Path and set its value to the full path to the flutter\bin directory.
5. Remember to close and reopen any existing console windows for these changes to take effect.
6. You are now prepared to run Flutter commands in the Flutter Console!

Step 3 : Run flutter doctor

• From a console window with the Flutter directory added to the PATH (as described above), execute the following command to check for any platform dependencies that may be required to complete the setup:

• If any complications arise during the environment setup, kindly refer to our online resources for guidance. Please click the following link to access:Click Here

• Download Android Studio from the official website:https://developer.android.com/studio/
• Download Xcode from the App Store:https://apps.apple.com/us/app/xcode/id497799835?mt=12 .
• Access the Flutter SDK through:https://flutter.dev/docs/get-started/install
• For further information on Android Studio, visit:https://developer.android.com/studio/intro/

Step 1 : Get the Flutter SDK

• Please download the provided installation bundle to acquire the latest stable release of the Flutter SDK.
• After downloading, extract the SDK by double-clicking on the downloaded file. Subsequently, copy the extracted folder and paste it into your desired location, such as Documents\flutter.

Step 2 : Update your path

• To update the PATH variable and access the "flutter" command from the terminal, follow these steps:

1. Open the terminal.
2. For updating the PATH variable for the current terminal window only, enter the command:
export PATH="$PATH:`pwd`/flutter/bin"
3. To update the PATH variable permanently, open or create the .bash_profile file by entering:
sudo open -e $HOME/.bash_profile
4. Append the following line to the .bash_profile file, placing it at the bottom:
export PATH="$PATH:[PATH_TO_FLUTTER_SDK_DIRECTORY]/flutter/bin"
5. Replace [PATH_TO_FLUTTER_SDK_DIRECTORY] with the actual path to the Flutter SDK folder.
6. Refresh the PATH variables by running the command:
source $HOME/.bash_profile
7. Verify that the SDK is successfully installed by running:
flutter doctor

• If the check list of Flutter SDK requirements is displayed, the SDK is successfully installed, and you can proceed with building Flutter apps.
• For troubleshooting during environment setup on macOS, refer to our online resourcesClick Here

Create APNs Auth Key For Push Notification

1. Navigate to https://developer.apple.com/account.
2. Log in using your Apple developer credentials.
3. Obtain a provider certificate from your developer account. This can be found in the "Certificates" section, as depicted in the image below.
4. Select the "Certificate, IDs & Profiles" tab.

5. Select the "Keys" tab.
6. Click on the "+" button.

7. A key can be generated which gives the FCM full access over the Apple Push Notification service (APNs). On the "Keys" menu item, register a new key. The name of the key can be anything, however you must ensure the APNs service is enabled.

8. Click "Continue" & then "Save". Once saved, you will be presented with a screen displaying the private "Key ID" & the ability to download the key. Copy the ID, and download the file to your local machine.

9. Copy the Key ID and download the file.
10. The file & Key ID can now be added to your Firebase Project. On the Firebase Console, navigate to the "Project settings" and select the "Cloud Messaging" tab. Select your iOS application under the "iOS app configuration" heading.s

11. Upload the downloaded file and enter the Key & Team IDs;

Importing Project

• To import the app, simply open Android Studio and import/open the template. Make sure to wait for all the processes (the Gradle Build) to complete before continuing to the next step

• Set up your editor – Install the Flutter and Dart plugins.
• To install Flutter and Dart plugins firstly, click on setting button on corner and one pop-up will come up "plugins" and enter your plugins name you want to install ( check in image below )

• Click on the Open and open your project

• As soon as,one pop-up will come up and select the your project and then click on "Ok" button

• Addition steps Sometimes, the Gradle Build fails. In some cases additional components are needed, Android Studio will ask you to do download these additional SDK components in the 'messages' tab, simply follow the instructions provided to install and download the additional components.

• Change baseUrl and key in lib > utiles > app_url.dart as shown in the image below
• This beseUrl and key should be consistently applied across ourback-end,front-endandapp-codeto ensure uniform protection.

• Android
  • Go to android > app
  • Click to build.gradle
  • Here, change the applicationId And it's done.
  
• IOS
  • Now right click on iOS directory, flutter > Open iOS module in Xcode
  
  • Once the project gets opened in Xcode successfully, follow the steps below.
    • Go to runner > Signing & Capabilities
    • Change your bundle identifier as you want, and it's done.
    

• Go to your project lib > utils > color_res.dart as shown in the below image.

• For Generating Different Sized Icons
  
• Go tohttps://www.appicon.co/ and upload the icon image and tick the iPhone and Android options and click on Generate. This site generates different sized Icons for both android and IOS at the same time

• It will Download the Zip file named AppIcons with the android and Assets.xcassets named folders along with images for appstore and playstore which can be directly uploaded as an icon in both the stores

• Now, open your Project in Android Studio.
• Android
  Navigate to android/app/src/main/res and right-click on res folder and click "open in Finder". Now delete all the mipmap folders in res folder and paste the mipmap folders from AppIcon/android folder which you have downloaded.

• IOS
  Now navigate to the ios/Runner/Assets.xcassets. Now after you are in Runner folder, right-click on Runner folder and click “open in Finder”. Now delete the Assets.xcassets folder and paste the Assets.xcassets folder from AppIcon/Assets.xcassets which you have downloaded.

• After manually changing the images in android and IOS folders now go to lib/main.dart and run the flutter project using the below command in the flutter console.
flutter run

• Andriod
  • Go to android > app > src > main > AndroidManifest.xml and make changes shown in the below image.

• IOS
  • Now right click on iOS directory > Runner > info.plist Open iOS module in Xcode

Build Debug APK

• APK (Application Package File) is a format used by Android operating systems for distribution and installation. After you build an application, it's quite common to build APK files to be tested across different devices.
• If the application is developed using Flutter, you can easily build APK files by using flutter build apk command. In this documentation we show you how to build APK files for Android using Flutter.
• This includes how to set the mode (release, debug, or profile), set the main entry point, split per ABI, set target platforms, set the build name and version, build flavor APK, and obfuscate the code.
• Go to project location->Build->Flutter->Build APK

Release APK

• Run the following command "flutter build APK --release" as shown in image below

• Once you have successfully generated the APK as shown in the image below, it will be automatically saved to the specified destination.