Reskin Guide

Customize the appearance and branding of your Mighty School Management System to match your institution's identity.

Mighty School - Complete School Automation System

Mighty School is a Modern and Complete School Automation System that suits almost every school or educational institution from student admission to student leaving, from fees collection to exam results. It includes 50+ modules with 8 inbuilt users (Super Admin, Admin, Accountant, Teacher, Receptionist, Librarian, Parent and Student) panel.

Flutter Framework

Flutter framework created by Google is open-source mobile application development. It is used to develop applications for Android and iOS, as well as being the primary method of creating applications.

App Setup

You can launch an app with your own branding. You can easily change the app color theme, logos, and icons with minimal effort.

App Icon Generation

Use these professional tools to generate app icons for your Mighty School application:

AppIcon.co

Professional app icon generator with multiple platform support

Visit AppIcon.co

Icon Kitchen

Easy-to-use icon generator with customization options

Visit Icon Kitchen

Set Your Base URL

Open /lib/utills/app_constant.dart and replace baseUrl variable value with your own URL

// Replace with your API URL
const String baseUrl = "https://your-domain.com/api/";

Change App Name

To change the app name for the whole app, follow these steps:

1

Update App Constant

Open /lib/utills/app_constant.dart and replace appName variable value with your Name

const String appName = "Your School Name";
2

Android Manifest

Change the label with your name in AndroidManifest.xml file

android:label="Your School Name"
3

iOS Info.plist

Change the string with your name in Info.plist file

<key>CFBundleDisplayName</key>
<string>Your School Name</string>

Change App Package

Important: Please change this carefully. We are not responsible if you make something wrong here.

  1. Right click on project folder and click on "Replace in Path"
  2. Write current Package name in 1st marked box
  3. Write your new package name in 2nd marked box
  4. Click on "Replace All" button

Change App Icon and Logo (Android and iOS)

1

Generate Icon

Generate icon from appicon.co

2

Android Icons

Go to /android/app/src/main/res and replace all mipmap folders with your generated icon android folder.

3

iOS Icons

Go to /ios/Runner and replace Assets.xcassets with your generated Assets.xcassets folder.

4

App Logo

Go to <project>/assets/image folder and replace logo.png with your own one

Build APK

Release APK (Split per ABI)

flutter build apk --split-per-abi

Release Bundle

Follow This: https://docs.flutter.dev/deployment/android

flutter build appbundle

Normal APK Build

flutter build apk --target-platform android-arm,android-arm64,android-x64 --split-per-abi

Web Setup

Warning: You must have to complete all the setups of the user app before starting the web app setup because both these systems belong to the same codebase.

Change Logo, Favicon, Title and PWA Name

  • Web Logo: Open <project>/web/ and replace logo.png with your own logo.
  • Web Header Logo: Open <project>/web/ and replace appbarlogo.png with your own logo.
  • Favicon: Open <project>/web/ and replace favicon.png with your own icon.
  • Title: Open /web/index.html and set your app name in the title tag.
  • Description: Open /web/index.html and set your app name in the description tag.
  • PWA Name: Open <project>/web/manifest.json file and set the value of name and short_name with your preferred one.

Windows Setup

Change Logo and App Icon

App Icon: Open <project>/windows/runner/resources/ and replace app_icon.ico with your own logo.

Build

flutter build windows

Generate EXE File for Windows

Watch tutorial: Windows EXE Generation Tutorial

macOS Setup

Change Logo and App Icon

  • App Icon: Open <project>/macos/Runner/Assets.xcassets/AppIcon.appiconset/ and replace all icon with your own icon
  • Allow Domain: Open <project>/macos/Runner/Info.plist and replace your domain
  • Change DMG ICON: Open <project>installers/dmg_creator/app_icon.icns replace with your icon
  • Change Title: From <project>installers/dmg_creator/config.json

Build

flutter build macos

Generate DMG File for macOS

Watch tutorials:

cd installers/dmg_creator
appdmg ./config.json ./app_name.dmg

Build file location: <project>/installers/dmg_creator

Important Notice

Please do your customization carefully, we are not responsible if you make any mistake.

Thank You & Best of Luck

We hope this guide helps you successfully customize your Mighty School Management System. Good luck with your implementation!