App Configuration

This guide outlines the essential steps for configuring your Elite Quiz App after its initial setup, allowing you to tailor it to your specific requirements.

Upon successfully setting up Flutter and running your project, you can customize the Elite Quiz App to meet your specific needs.

Change the Package Name

To update your application's package name, refer to our official guide provided here: How to Change Package Name.

Change the Application Name

The application name is displayed beneath the app icon on user devices.

• For Android:

  1. Navigate to android/app/src/main/AndroidManifest.xml.
  2. Locate the android:label attribute within the <application> tag.
  3. Set its value to your preferred application name, as shown below:

  <application
      android:label="Your App Name"
      ...>

• For iOS:

  1. Open ios/Runner/Info.plist.
  2. Find the CFBundleName key and update its corresponding string value:

  <key>CFBundleName</key>
  <string>Your App Name</string>

Update the App Version

Maintaining an up-to-date app version is crucial for releases and subsequent updates.

1. Open the pubspec.yaml file located in your project's root directory.
2. Find the version property.
3. Update it using the following format:

   version: 1.0.0+1 # version_name+version_code

   • 1.0.0 represents the version name visible to users.
   • 1 is the internal version code, which should be incremented with each new release.

Connect to the Admin Panel

To establish a connection between your app and your Admin Panel:

1. Open lib/core/config/config.dart within your project.
2. Locate the panelUrl constant and update it with the URL of your Admin Panel:

   /// Add your panel url here
   // NOTE: Do not add '/' at the end of the URL
   // NOTE: Check if your admin panel uses http or https
   const panelUrl = 'https://your-admin-panel-url.com';

Other Configurations

The config.dart file also contains additional configurable settings. These include:

• Default App Theme: You can set the initial theme to light or dark.
• Phone Login Settings: Configure the default country code and the maximum allowed length for phone numbers during login.
• Application Fonts: Define the fonts used throughout the application.

Examples of these configurations are provided below:

/// Default App Theme : light or dark
const Brightness defaultTheme = Brightness.light;

// Phone Login, default country code AND max length of phone number allowed
const defaultCountryCodeForPhoneLogin = 'IN';
const maxPhoneNumberLength = 16;

final TextStyle kFonts = GoogleFonts.nunito();
final TextTheme kTextTheme = GoogleFonts.nunitoTextTheme();

What’s Next?

Following these fundamental configurations, proceed with the subsequent steps:

1. Integrate Firebase services.
2. Customize the application's appearance.
3. Set up advertisements and in-app purchases.
4. Conduct comprehensive testing of your application.
5. Generate a release build.

Detailed instructions for each of these steps are available in the subsequent sections of this documentation.