Flutter Workshop '23

Welcome to the official repository for the Flutter Workshop '23! 🚀

Introduction

This repository is your go-to resource for the Flutter Workshop . Whether you're a curious beginner taking your first steps into mobile app development or a seasoned developer eager to explore the power of Flutter, you've come to the right place.

Pre-requisites

1. Flutter
2. Visual Studio Code or Android Studio
3. Android Debug Bridge (Only if you are not using Android Studio)
4. Android Phone (For Testing Android Apps)
5. USB Cable for Debugging

Installing Flutter(Windows)

1. After Downloading the Zip From Link.
2. Extract the zip file and place the contained flutter in the desired installation location for the Flutter SDK (for example, %USERPROFILE%\flutter, D:\dev\flutter).
3. From the Start search bar, enter ‘env’ and select Edit environment variables for your account.
4. Under User variables check if there is an entry called Path:
   • If the entry exists, append the full path to flutter\bin using ; as a separator from existing values.
   • If the entry doesn’t exist, create a new user variable named Path with the full path to flutter\bin as its value.

Installing Android Debug Bridge : Platform-Tools(Windows)

1. After Downloading the Zip From Link.
2. Go to C/D Drive in your System. Create a New Folder Named Android.
3. Extract the zip file and place the contained platform-tools in the folder you have created. (It will look like this, C:\Android\platform-tools).
4. From the Start search bar, enter ‘env’ and select Edit environment variables for your account.
5. Under User variables check if there is an entry called Path:
   • If the entry exists, append the full path to Android\platform-tools using ; as a separator from existing values.
   • If the entry doesn’t exist, create a new user variable named Path with the full path to Android\platform-tools as its value.

Installing VSCode for Flutter & Dart

1. After Downloading and Installing VSCode, Open VSCode
2. Go To View in the Top Menu Bar. Click On Extensions, a sidebar will open up.
3. Under Search Extensions, search Flutter. Install the plugin from "dartcode.org".
4. Similarly search Dart. Install the plugin from "dartcode.org".

Testing Your Install

1. Open your terminal and type flutter doctor
   If the command doesn't work it means you have not added the path of the flutter file you have downloaded.

2. Next Run adb --version
   If the command is not running that means you have to added the path of "Platform Tools" properly.

If these commands are working you are all set to start your flutter project.

Connecting Your Android Phone For Debugging

1. Turn on Developer Tools on Android phone by going to About device and find Build Number and Click On It 7 Times (Best if search on Google on "How turn on your phones Developer Tools")
2. Go to Developer Tools/Options Under Debugging you will find USB Debugging.
3. Turn on USB Debugging on your Android phone and connect it to your PC.
4. Open your terminal of choice, type adb devices and push ENTER.
5. Tap "Allow" on your phone.
6. Congrats. Now you can use the ADB commands you want!

If you still have doubts go to this youtube link here

Creating A Project and Running it Via Command-Line

1. To create a new Flutter project, use the following command flutter create my_flutter_project
   Replace 'my_flutter_project' with your desired project name. This command generates the basic structure of a Flutter project in the specified directory.

2. Navigate to Your Project cd my_flutter_project
   Navigate to the project directory using the cd command.

3. Run Your Flutter App flutter run
   This command will build and run your Flutter app on the default device (usually an emulator or connected device). If you have multiple devices connected, Flutter will prompt you to choose one.

How to Open and Edit your Flutter Project Using VSCode

1. Open Terminal on your flutter project folder and Run code .
   • If this command has not yet run you must have not set path for VSCode.
   • If its working, it will open up VSCode Workspace on your system. This is where you can edit/create your flutter project.

Running Our BMI App From Repository

1. Go to a desired location, open terminal and Run git init

2. Next Run git clone https://github.com/ieee-sb-cev/flutter-workshop-23-bmi.git

3. You will find an folder named 'flutter-workshop-23-bmi'

   • Open the folder, inside it you will find 'my_flutter_project' and README.md, Open the folder
   • Copy the 'lib' folder.

4. Open your flutter project folder
   Paste the 'lib' folder you copied to your project folder.

5. Open your Flutter project in VSCode using code . Edit main.dart file in 'lib'

   • Add import 'package:ce_vadakara/bmi.dart'; on the Top the File
   • Edit home under Widget build(BuildContext context) to home: bmi_calculator(),

6. Now Open Terminal on your Flutter Project Folder and Run flutter run

Now our Flutter Project-BMI App Should Be Running on your Device. Hurray 🥳🥳
It will run the same BMI that we left of on the Flutter Workshop.

🚀 Let's Keep Building the BMI App!

We Created this Git Repository for You Continue Working on BMI App that we started in the Workshop.

We're thrilled to see the enthusiasm and dedication everyone has put into building the BMI app. The journey has just begun, and there's so much more to explore and create. Keep the momentum going, dive into the details, and let your creativity shine!

Remember, this is not just about coding; it's about the learning experience and the sense of accomplishment that comes with each step of the way. Whether you're a seasoned developer or just starting out, the BMI app project is an excellent opportunity to hone your skills and contribute to something meaningful.

Let's inspire each other, overcome challenges together, and make the BMI app project a collective success. Happy coding, and let's continue building something amazing!

Let's Flutter Together!

This workshop is not just about learning; it's about building a community of Flutter enthusiasts. Connect with fellow developers, ask questions, and share your experiences. Let's make Flutter Workshop '23 an unforgettable learning experience!

Happy coding and Fluttering on! 🚀