1. Installation Screen

2. Server Requirements & Extensions

If PHP version is lower than 8.1 or any extension is not installed then it will be highlighted using Red color. So you need to make sure that your server meets the all requirement.

3. Permission Screen

Make sure this folder have read & write permissions. If not then assign this folders read & write permissions.

4. Purchase Code Validation

Here you'll have to insert the purchase code obtained from CodeCanyon to authenticate your purchase and authorize your server to access the services.

To find your Purchase code you can visit this link: Where is My Purchase code?

5. Database Configuration Screen

6. Database Connection Status

7. Final installation Screen

If everything is configured successfully then your Admin panel has been installed successfully.You can login as Super Admin using the credentials provided here.

After Installation you need to setup some settings before using the system.

1. General Settings

This settings will be used by Admin Panel.You can set your current session year here.

7. Payment Gateway's Webhook Configuration

1. Webhook Configuration for Stripe

Setup JDK in your system

1. If your System already have latest Java jdk installed then you can skip this step.
   
2. Download latest Java jdk by clicking below link.
   (JAVA jdk)
3. Download latest Java JDK for your version 32 bit or JDK download 64 bit.


4. Please prefer video tutorials, we recommend this playlist for set environment variable for java in Windows 10 - https://www.youtube.com/watch?v=zzfHPGyjoWw



5. Please prefer video tutorials, we recommend this playlist for set environment variable for java in Windows 11 - https://www.youtube.com/watch?v=zAyIqbBAUxQ

Setup flutter in your system

Visit flutter official website : https://docs.flutter.dev/get-started/install for full install guide.

If you prefer video tutorials, we recommend this playlist for the full installation process
https://www.youtube.com/playlist?list=PLSzsOkUDsvdtl3Pw48-R8lcK2oYkk40cm

1. Unzip the downloaded code. After unzipping you will have Eclassify - Flutter Code zip folder. Unzip that folder and open it in Android Studio or Visual Studio Code.
2. Open ide terminal go to your project path and execute command

   flutter pub get

3. If you are running this app for ios then run these following commands in terminal.

   cd ios

   pod install

   cd ..

4. Change package name of android app
   Execute this command in your terminal
   

   flutter pub run change_app_package_name:main your_new_package_name

   
   
   
   
5. Change package name of ios app
   Open ios folder of this project in xcode. Go Select Runner->Targets->General->Identity and enter new package name in Build Identifier.
   
   

1. Go to pubspec.yaml
2. EX. Update version:A.B.C+X in pubspec.yaml.
3. For Android:
A.B.C represents the versionName such as 1.0.0. X (the number after the +) represents the versionCode such as 1, 2, 3, etc.
4. Do not forget to execute flutter packages get, flutter build or flutter run after this step


5. For iOS
6. A.B.C represents the CFBundleShortVersionString such as 1.0.0. X (the number after the +) represents the CFBundleVersion such as 1, 2, 3, etc.
7. Do not forget to execute flutter packages get, flutter build or flutter run after this step

1. Create firebase project in your account:

   
   
   
   
   
   
   
   
   
   

2. Add android application to your firebase project

   
   
   
   
   

   Download the google-service.json file and add in this folder android/app/

   
   
   
   
   
   
   
   
   

3. Add ios application to your firebase project

   
   
   
   
   
   
   

4. Download GoogleService-Info.plist and add in this folder ios/Runner/

   
   
   
   
   

5. Please configre this settings in-order to send ios notifications.
   

   https://firebase.flutter.dev/docs/messaging/apple-integration
   
   

6. You have configured firebase in your project successfully.

Note:

You can configure firebase with flutter project through these steps:   https://firebase.google.com/docs/flutter/setup

1. Open your firebase console.
2. Go to Authentication and open Sign-in method.
3. Enable Phone Sign-in method and save.

How to get Debug SHA Keys?



• Open terminal and copy these both commands run below command one by one for getting debug sha keys
• cd android
• ./gradlew signingReport

How to get Release SHA Keys?

Remember:

For iOS:

Add custom URL schemes to your Xcode project:

• Open your project configuration: double-click the project name in the left tree view. Select your app from the TARGETS section, then select the Info tab, and expand the URL Types section.
• Click the + button, and add a URL scheme for your reversed client ID. To find this value, open the GoogleService-Info.plist configuration file, and look for the REVERSED_CLIENT_ID key. Copy the value of that key, and paste it into the URL Schemes box on the configuration page. Leave the other fields blank.
• When completed, your config should look something similar to the following (but with your application-specific values):

• Same as open your project configuration: double-click the project name in the left tree view. Select your app from the TARGETS section, then select the Info tab, and expand the URL Types section.
• Click the + button, and add a URL scheme for your Encoded App ID. To find this value, open the Firebase project settings ios Apps, and look for the Encoded App ID. Copy the value of that key, and paste it into the URL Schemes box on the configuration page. Leave the other fields blank.

• When completed, your config should look something similar to the following (but with your application-specific values):

1. Open your firebase console.
2. Go to Sign-in method in Authentication.
3. Go to Email/Password. Enable the Save it.

1. Open your firebase console.
2. Go to Sign-in method in Authentication.
3. Go to the Google.. Enable the Save it.

1. Open your firebase console.
2. Go to Sign-in method in Authentication.
3. Go to the Apple and enable apple sign in.


4. In Xcode, select the Signing & Capabilities tab, and add "Sign In With Apple" as a new Capability then select a team on the Code Signing section.


5. This will generate and configure an App ID in the "Certificates, Identifiers & Profiles" section of the Apple Developer portal.

1. Go to your firebase project in project settings -> general. Copy your project id from there as below image.




2. Go to project settings -> service accounts. For download service json file click on Generate new private key button as below image.




3. Now add your project id and downloaded service json file in admin panel system settings and save it.

For ios your need to perform below given step.



1. In Xcode, open the project.
2. In the Project Navigator (the left-hand menu), select the project icon that represents your app.
3. In the top-left corner of the right-hand pane in Xcode, select your app's target.
4. Navigate to the Capabilities tab.
5. Enable Push Notifications.
6. Check Remote Notifications and Background Fetch from Enabling Background Modes.




7. APNs (Apple's Push Notification service) currently supports two types of connections: token-based (.p8) and certificate-based (.p12).you can follow either one of them



For Token-based (.p8).



8. Log in to the Apple Developer Portal.
9. Navigate to Certificates, IDs & Profiles > Identifiers > App IDs and click the App ID associated with your app.
10. On the screen for your App ID, check Capabilities > Push Notifications.






11. Select App ID in next page & click continue.
12. And then create Development SSL Certificate & Production SSL Certificate by adding CSR certificate. follow Apple's Create a certificate signing request instructions.
13. Navigate to Certificates, IDs & Profiles > Keys Section and add a Universal key for Notifications,which you can use for more than one apps as well.




14. Just save and Download & keep it safe, as it will be downloaded only once.




15. Then go to Firebase and add this .p8 file along with Your Key ID and Team ID.





FOR certificate-based (.p12) :



16. Log in to the Apple Developer Portal.
17. Navigate to Certificates, IDs & Profiles > Identifiers > App IDs and click the App ID associated with your app.
18. On the screen for your App ID, check Capabilities > Push Notifications.
19. Click Save and respond to the Modify App Capabilities dialog box that appears.
20. To create the certificate, we will use to communicate with Apple when sending push notifications:
• In a new browser tab, follow Apple's Create a certificate signing request instructions.
• In the Apple Developer Portal, navigate back to your App ID.
• Click Capabilities > Push Notifications > Configure.
• Click one of the following buttons:
• Development SSL Certificate > Create Certificate (for testing push notifications while developing an iOS app)
• Production SSL Certificate > Create Certificate (for sending push notifications in production)
• Click Choose File and select the certificate signing request you created above.
• Click Continue.
• Click Download to download the certificate.
• Use this file to export a .p12 file in the next step.
21. Navigate in the Apple Developer Portal to Certificates, IDs & Profiles > Provisioning Profiles.
22. Click the provisioning profile you'd like to edit.
23. Edit the provisioning profile as necessary, and click Save.
24. Click Download, and double-click the downloaded provisioning profile to install it.
25. Make sure your Xcode project is configured to use the provisioning profile as necessary.Next, export the downloaded certificate (.cer file) as a .p12 file that can be uploaded to firebase:
• On your Mac, double-click the .cer file to open it in Keychain Access.
• In Keychain Access, in the lower-left corner, select Category > Certificates.
• Select the certificate to export.
• Choose File > Export Items.
• Enter a name in the Save As field.
• Accept the default .p12 file format and click Save. Respond to the prompts, and enter a password for the file if necessary.
• Keep track of this file, since you'll upload it to firebase in a later step.

1. Open lib -> settings.dart file.
2. Add your host url here [Without http ot https]

3. Go to android -> app -> main -> AndroidManifest.xml file. Also add your host url here [Without http ot https]


4. Open your code in xcode -> Runner -> Signing & Capabilities -> Associated Domains in add your domain here. [Without http ot https]

5. First of all download this google files from the link :Server Side Deeplink Files
6. Open both files in the any text editor and follow below steps.






7. After above changes save both files (Note- Keep name proper same of both files)
8. Open server > Go to admin panel root folder
9. You will get .well-known folder on root directory
10. If you don't get that folder from setting enable setting visible hidden files then check
11. After the change setting still you don't find the files, Create new directory named .well-known (Make sure name starts with dot[.])
12. Add both above saved files inside the .well-known folder.

1. Go to Google Cloud Platform. Click here
2. Click on console.
   
   
3. Select your Firebase Project
   
   
4. Search for APIs, which are shown in below image.
   
   
5. Click on Enable to, enable that APIs
   
   
6. Do above steps for below listed API. (enable all below APIs one by one by searching)
   
   
7. Go to Credential Tab. you will find your Androiod and iOS API keys.
   
   
8. You have to setup those above API keys for both Platform.
   1. Android Setup
      • Next, open android ‣ app ‣ src ‣ main ‣ AndroidManifest.xml and paste the Google Maps meta data tag into your application tag before the activity tag, placing the API key you copied before to replace {{YOUR_API_KEY_HERE}}.
        
      <meta-data android:name="com.google.android.geo.API_KEY" android:value="{{YOUR_API_KEY_HERE}}"/>
   Note: For the value field, please paste in your API Key from the Google Maps API registration process.
   
   
   
   
   2. iOS Setup
      • Next, open the ios ‣ Runner ‣ AppDelegate.swift file and paste the following code at shown in image.
        
        GMSServices.provideAPIKey("YOUR KEY HERE")
   Note: Again, for the value field please paste in your API Key from the registration process.
   
   

Go to lib/settings.dart and replace the hostUrl with your admin panel url.

Add Logo Manually

For Android, open android > app > src > main > res and add here your logo according to device screen size

For IOS open ios > Runner > Assets.xcassets > AppIcon.appiconset here and add your logo according to diffrent size.

For Android, go to android/app/src/main/AndroidManifest.xml and change the app name as shown in image. Replace the selected Eclassify text with your school name

For IOS open this project in xcode and enter your app name in display name field as shown in image.

Change app name in lib -> settings.dart file as shown in image.

Go to lib/Ui/Theme/theme.dart and set your theme colors.

1. Go to assets/fonts/ and add .tff files of fonts.

   

2. Go to pubspecs.yaml and add your font as shown in image.

   

3. Go to lib -> app -> app_theme.dart file and change fontFamily with your font name as shown in image.

   

1. If you want to disable google admob then you can disable from admin panel -> settings -> admob settings

2. Create android and iOS app in google admob account. You can create google admob account from here. https://admob.google.com/home/

3. Create banner and interstitial ads and copy those ads id.

4. Paste those ads id in admin panel -> settings -> admob settings..







5. You have to setup google admob app id for both Platform.





Android Setup

• Next, open android ‣ app ‣ src ‣ main ‣ AndroidManifest.xml and paste Google Admob Android App Id meta data tag into your application tag before the activity tag, placing the Admob Android App Id you copied before.
  
<meta-data android:name="com.google.android.gms.ads.APPLICATION_ID" android:value="{{YOUR_GOOGLE_ADMOB_ANDROID_APP_ID_HERE}}"/>







iOS Setup

• Next, open the ios ‣ Runner ‣ Info.plist file and paste the following code at shown in image.
  
  <key>GADApplicationIdentifier</key> <string>{{"PLACE_YOUR_GOOGLE_ADMOB_IOS_APP_ID"}}</string>
  
  
  

1. Go to your admin panel Settings -> Languages. Add your language data and save it.

   
   
   
   
   

2. Edit all json files as below image.

   
   
   
   

3. Please click on auto translate button so as per your language code JSON file will be automatically translated in your language. If you want to edit any label's value then you can edit it and after click on save button.

   
   
   

1. By default, default application language is english. If you want to change default language, go to your admin panel settings -> settings -> Default Language, and select your respective language shown in below image.

   
   
   

1. First, create the In-App Purchase in your Apple Developer Account.


2. Copy the Product ID from App Store Connect and add it while creating your item listing package and advertisement subscription package in the admin panel.


3. Log in to App Store Connect and select your app.


4. Navigate to the Features tab and click on In-App Purchases.


5. Click the + button to add a new consumable in-app purchase.


6. Enter all required details for the product and save the information.


7. When submitting your app for distribution:
   
   
   • Select the in-app purchases during the submission process.
   
   
   • Then, submit your app for review.

Open your terminal, navigate to your project path and execute the following command to run this app.

flutter run

Go to README.md file to check all the commonly used commands to fix issues that you may encounter while running the app. You'll also be able to run the shell script directly if you're using Android Studio.

Create and add Keystore file for Android:

1. To generate a keystore file, run the following command:

   
   keytool -genkey -v -keystore your-keystore-file.jks -keyalg RSA -keysize 2048 -validity 10000 -alias your-alias
   
   

   You can replace your-keystore-file.jks with your preferred filename, but ensure you keep the ".jks" extension. Similarly, you can change your-alias as needed, but make sure to remember it. During this process, you will be prompted to set a password; please note that the password characters won't be visible on the screen.
   
   Additional information may be requested, but you can simply press Enter to skip those as they are optional fields.

   
   
   

2. Go to android -> key.properties file and add the following details, which correspond to the information you used in the previous step:

   
   storePassword= [your-password-from-previous-step]
   keyPassword= [your-password-from-previous-step]
   keyAlias= [your-alias-from-previous-step]
   storeFile= [your-keystore-file-location]
   
   
   

   Replace the placeholders ("[]" brackets) with the actual details you used. Once these two steps are completed, you can generate either an APK file using the following command:

   
   
   

   Add this below code in android/app/build.gradle folder as image.

   
   def keystoreProperties = new Properties() def keystorePropertiesFile = rootProject.file('key.properties') if (keystorePropertiesFile.exists()) { keystoreProperties.load(new FileInputStream(keystorePropertiesFile)) }
   
   

   Same as above add below code in android/app/build.gradle folder as below image

   
   signingConfigs { release { keyAlias keystoreProperties['keyAlias'] keyPassword keystoreProperties['keyPassword'] storeFile keystoreProperties['storeFile'] ? file(keystoreProperties['storeFile']) : null storePassword keystoreProperties['storePassword'] } }

   Note: Don't forget to change signingConfig signingConfigs.release as below image.

   
   
   flutter build apk
   
   

   Or an app bundle file for the Play Store upload with:

   
   flutter build appbundle

Follow these links for more information on generating the release version:

1. To generate release android app-bundle and publish to Playstore follow https://flutter.dev/docs/deployment/android

   
   
   

2. To generate release ios apk and publish to appstore follow https://flutter.dev/docs/deployment/ios