This is a simple calculator mobile application built on Flutter and Spring 📱
This guide was created by Hayden Hanson, Joshua Hilbert, Nicholas Thor Page and Willie Warren
If you get lost, check out Flutters official documentation at https://docs.flutter.dev/get-started/install and clicking on your OS
Step 1: Download Flutter SDK
Here is the link: https://docs.flutter.dev/get-started/install/windows
Keep track of where you download this SDK, you will need to keep hold of the file path
Step 2: Update your PATH
This allows you to run Flutter commands from Command Prompt
- To do this, go to the Start search bar and type in 'environment' and you should see Edit the system environment variables
- Click on 'Environment Variables...
- Double click on 'Path'
- Click 'Edit...'
- Click 'New'
- Now, go to your command line and type the command 'where flutter', you should see a file path similar to:
C:\Users\Hayden Hanson\Developer Tools\flutter\bin - Paste this file path into your 'New' entry, then click OK.
Flutter is now added to your machines Path!
Step 3: Run 'flutter doctor' from the command prompt
Now that Flutter is added to your Path, you can run flutter commands from your command prompt
- Open command prompt and type 'flutter doctor', if everything up until now was done correctly you should see Flutter working
This tool will tell you what you still need to install to be fully operational - Follow the instructions that flutter doctor provides.
Step 4: Install Andriod Studio
Visit https://docs.flutter.dev/get-started/install/windows and scroll down to 'Andriod Setup' to complete this step
Step 5: Set up your Andriod emulator
Visit https://docs.flutter.dev/get-started/install/windows and scroll down to 'Set up the Android emulator' to complete this step
Step 6: Agree to Andriod Licesnses
- Run 'flutter doctor --android-licesnses on the command line
- Review each term, pressing 'y' for each one until you are finished
Step 7 (Yes, you're almost done...): Download Visual Studio 2022
Here is the link: https://visualstudio.microsoft.com/downloads/
- Click on 'Community Edition' and the download should begin
- Once the download is complete, open the installer and be sure to click the option 'Desktop development with C++'
Step 8: Set up an editor
I personally reccomend VS Code...
But here is the link to get you set up in your favorite IDE: https://docs.flutter.dev/get-started/editor?tab=vscode
Now you can begin writing Flutter programs!
Windows users can skip to Setting up the Calculator
Step 1: Download Flutter SDK
You can download the SDK either directly or from git
Here is the link: https://docs.flutter.dev/get-started/install/macos
Keep track of where you download this SDK, you will need to keep hold of the file path
Don't forget to add Flutter to your Macs' PATH, instructions are included in the link above
Step 2: Run 'flutter doctor' from the terminal
Now that Flutter is added to your Path, you can run flutter commands from your terminal
- Open terminal and type 'flutter doctor', if everything up until now was done correctly you should see Flutter working
This tool will tell you what you still need to install to be fully operational - Follow the instructions that flutter doctor provides.
Step 3: iOS setup
- Install Xcode from the mac app store
- Configure the Xcode command-line tools by running the following commands:
- sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
- sudo xcodebuild -runFirstLaunch
- sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
- Accept the Xcode license agreements
Step 4: Set up your iOS simulator
- Open terminal and run 'open -a Simulator'
- Choose the iPhone you want to preview your Flutter apps on.
Step 5: Create and run a simple Flutter app
We are doing this to initialize some settings with Xcode and the Flutter developement evironment
I could explain how to do this, but the offical website does a very nice job
Here is the link: https://docs.flutter.dev/get-started/install/macos Scroll down to "Create and run a simple Flutter app
Step 6: Set up an editor
I personally reccomend VS Code...
But here is the link to get you set up in your favorite IDE: https://docs.flutter.dev/get-started/editor?tab=vscode
Now you can begin writing Flutter programs!
Move on to Setting up the Calculator to use our calculator demo
Step 1: Clone our repo onto your computer
Step 2: Download and install Java 11
Step 3: Set your JAVA_HOME environment variable to Java 11
Step 4: Navigate to Flutter-Calculator/CalculatorAppBackend/CalculatorApp and run mvnw spring-boot:run
Step 5: Open the file with your IDE
Step 6: Open an emulator, iOS or android
Step 7: Navigate to the file flutter_calculator in your terminal or command prompt and run flutter run --dart-define="EVAL_REMOTE=false"
All finished! 😄