How to get started on the app;
Step 1: Download Android Studio
1. Go to the Android Studio Website:
o Visit the Android Studio download page.
2. Download the Installer:
o On the website, you will see a large "Download Android Studio" button.click
that to download the installer for her operating system (Windows, macOS, or
Linux).
3. Install Android Studio:
o After downloading, run the installer and follow the on-screen instructions to
install Android Studio. The default installation settings are fine for most users.
Step 2: Install Flutter and Dart Plugins in Android Studio
1. Open Android Studio:
o Once installed, open Android Studio.
2. Install Flutter Plugin:
o Go to File > Settings (or Preferences on macOS).
o Select Plugins from the left sidebar.
o Search for Flutter in the search bar.
o Click Install on the Flutter plugin.
3. Install Dart Plugin:
o In the same Plugins window, search for Dart and install it as well.
o After installing both plugins, Android Studio will prompt you to restart. Do so.
Step 3: Download and Set Up Flutter SDK
1. Download Flutter SDK:
o Visit the Flutter installation page.
o Follow the instructions for your operating system to download and install Flutter.
2. Add Flutter to Path (Optional but Important):
o During installation, ensure that the Flutter SDK is added to the system path. This
will allow you to run Flutter commands from the terminal.
o If it’s not automatically added, you can follow the official guide to update the
path.
3. Check Flutter Installation:
o Open a terminal or command prompt and run:
flutter doctor
o This will check if Flutter is properly set up. You should follow any instructions
given by flutter doctor to resolve issues.
Step 4: Setting Up Android Studio for Flutter Development
1. Configure Android SDK:
o Open Android Studio and go to File > Settings (or Preferences on macOS).
o In the left sidebar, select Appearance & Behavior > System Settings > Android
SDK.
o Ensure that the latest Android SDK is installed. If not, click on SDK Tools and
install the necessary components.
2. Set Up Virtual Device (Emulator):
o Go to Tools > Device Manager.
o Click Create Device and follow the prompts to create an Android Virtual Device
(AVD) for testing.
o Ensure that the device has the necessary configurations (e.g., Android 10 or
higher).
Step 5: Unzip and Open the Project in Android Studio
1. Unzip the GlamGem Project:
o Once the project zip file is downloaded, You need to extract it to a folder on your
computer.
2. Open the Project:
o Open Android Studio.
o On the welcome screen, click Open.
o Navigate to the folder where the project was extracted and select the project
folder (the one containing lib, android, ios, and pubspec.yaml).
Step 6: Running the App
1. Set Up an Emulator:
o If you haven’t set up a virtual device yet, you can go to Device Manager in
Android Studio and create a new virtual device.
o Alternatively, you can connect a real Android device via USB, ensuring USB
Debugging is enabled.
2. Run the App:
o Click the Run button (green play icon) in Android Studio to build and run the app
on the selected emulator or device.
Step 7: Debugging the App
1. Set Breakpoints:
o Open main.dart you want to debug.
o Click on the line number gutter to set a breakpoint (a red dot will appear).
2. Start Debugging:
o Click on the Debug button (the bug icon next to the run button) to start the app in
debug mode.
o The app will pause when it reaches a breakpoint, allowing you to inspect variables
and the app's state.
3. Inspect Logs:
o In the Logcat window (View > Tool Windows > Logcat), you can inspect error
messages, warnings, or custom print() statements for further debugging.
Final Note: Flutter Doctor
If at any point you encounter issues, always check the output of flutter doctor in the terminal
to ensure all dependencies (SDK, tools, emulators) are properly set up.
