<h1 class="PlaygroundEditorTheme__h1" dir="ltr" style="text-align: start;">Getting Started</h1><h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">1. System Requirements</h2>Based on Flutter requirement. Please select the operating system on which you are installing Flutter<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Mac OS: <a href="https://flutter.dev/docs/get-started/install/macos" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/install/macos</a></li><li value="2" class="PlaygroundEditorTheme__listItem">Window: <a href="https://flutter.dev/docs/get-started/install/windows" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/install/windows</a></li><li value="3" class="PlaygroundEditorTheme__listItem">Linux: <a href="https://flutter.dev/docs/get-started/install/linux" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/install/linux</a></li><li value="4" class="PlaygroundEditorTheme__listItem">Setup an editor: <a href="https://flutter.dev/docs/get-started/editor" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/editor</a></li></ol><h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">2. Setup Editor</h2>There are different editor you can use for running a flutter app but the most commonly used are Android Studio &amp; VS Code. Here is a link to the official documentation from the flutter theme on how to setup these editors: <a href="https://flutter.dev/docs/get-started/editor?tab=androidstudio" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/editor?tab=androidstudio</a><h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">3. Installation</h2>After download and unzip the project, use the preferred IDE (Android Studio / Visual Code / IntelliJ) to open the project folder.<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Click the “Get dependencies” or “Packages get” to install the libraries from pubspecs.yaml file or run the following commad in the project folder. <code>flutter packages get</code></li><li value="2" class="PlaygroundEditorTheme__listItem">Open the simulator to run iOS or Android (as the step above)</li></ol><h2 class="PlaygroundEditorTheme__h2" dir="ltr">Then press the run button to start the project.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_job.1708076866272.png?alt=media" alt="" width="inherit" height="inherit">4.Steps</h2>There is no actual order in setting up a flutter project but we have listed steps below to make it easier for you to know what to do before trying to run the app and make it work perfectly:<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Change Package/Bundle Id &amp; App name. <a href="https://templatecookie.helpcenter.guide/articles/change-app-name-id-83c890-5273c" rel="noreferrer" class="PlaygroundEditorTheme__link">Change App Name and ID</a></li><li value="2" class="PlaygroundEditorTheme__listItem">Change App name, logo and splash screen. <a href="https://templatecookie.helpcenter.guide/articles/change-app-and-splash-icon-83c890-2129c" rel="noreferrer" class="PlaygroundEditorTheme__link">Change App and Splash Icon</a></li><li value="3" class="PlaygroundEditorTheme__listItem">Update app api endpoint. This is to change the app api to your own backend url. <a href="https://templatecookie.helpcenter.guide/articles/update-api-endpoints-83c890-01b71" rel="noreferrer" class="PlaygroundEditorTheme__link">Update Endpoint</a></li><li value="4" class="PlaygroundEditorTheme__listItem">Setup Firebase on the app for notification, authentication etc. <a href="https://templatecookie.helpcenter.guide/articles/update-firebase-83c890-16d1e" rel="noreferrer" class="PlaygroundEditorTheme__link">Update Firebase</a></li></ol>After going through each step, If you want to <code>run</code> your app. Try cleaning the project, by running the following commands<pre spellcheck="false" data-highlight-language="javascript">flutter clean flutter pub get</pre>

# Getting Started

## 1\. System Requirements

Based on Flutter requirement. Please select the operating system on which you are installing Flutter

1. Mac OS:[https://flutter.dev/docs/get-started/install/macos](https://flutter.dev/docs/get-started/install/macos)
2. Window:[https://flutter.dev/docs/get-started/install/windows](https://flutter.dev/docs/get-started/install/windows)
3. Linux:[https://flutter.dev/docs/get-started/install/linux](https://flutter.dev/docs/get-started/install/linux)
4. Setup an editor:[https://flutter.dev/docs/get-started/editor](https://flutter.dev/docs/get-started/editor)

## 2\. Setup Editor

There are different editor you can use for running a flutter app but the most commonly used are Android Studio & VS Code. Here is a link to the official documentation from the flutter theme on how to setup these editors:[https://flutter.dev/docs/get-started/editor?tab=androidstudio](https://flutter.dev/docs/get-started/editor?tab=androidstudio)

## 3\. Installation

After download and unzip the project, use the preferred IDE (Android Studio / Visual Code / IntelliJ) to open the project folder.

1. Click the “Get dependencies” or “Packages get” to install the libraries from pubspecs.yaml file or run the following commad in the project folder.`flutter packages get`
2. Open the simulator to run iOS or Android (as the step above)

## Then press the run button to start the project.![](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_job.1708076866272.png?alt=media)4.Steps

There is no actual order in setting up a flutter project but we have listed steps below to make it easier for you to know what to do before trying to run the app and make it work perfectly:

1. Change Package/Bundle Id & App name.[Change App Name and ID](https://templatecookie.helpcenter.guide/articles/change-app-name-id-83c890-5273c)
2. Change App name, logo and splash screen.[Change App and Splash Icon](https://templatecookie.helpcenter.guide/articles/change-app-and-splash-icon-83c890-2129c)
3. Update app api endpoint. This is to change the app api to your own backend url.[Update Endpoint](https://templatecookie.helpcenter.guide/articles/update-api-endpoints-83c890-01b71)
4. Setup Firebase on the app for notification, authentication etc.[Update Firebase](https://templatecookie.helpcenter.guide/articles/update-firebase-83c890-16d1e)

After going through each step, If you want to`run`your app. Try cleaning the project, by running the following commands

```
flutter cleanflutter pub get
```

<h1 class="PlaygroundEditorTheme__h1" dir="ltr" style="text-align: start;">Getting Started</h1><h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">1. System Requirements</h2>Based on Flutter requirement. Please select the operating system on which you are installing Flutter<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Mac OS: <a href="https://flutter.dev/docs/get-started/install/macos" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/install/macos</a></li><li value="2" class="PlaygroundEditorTheme__listItem">Window: <a href="https://flutter.dev/docs/get-started/install/windows" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/install/windows</a></li><li value="3" class="PlaygroundEditorTheme__listItem">Linux: <a href="https://flutter.dev/docs/get-started/install/linux" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/install/linux</a></li><li value="4" class="PlaygroundEditorTheme__listItem">Setup an editor: <a href="https://flutter.dev/docs/get-started/editor" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/editor</a></li></ol><h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">2. Setup Editor</h2>There are different editor you can use for running a flutter app but the most commonly used are Android Studio &amp; VS Code. Here is a link to the official documentation from the flutter theme on how to setup these editors: <a href="https://flutter.dev/docs/get-started/editor?tab=androidstudio" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/editor?tab=androidstudio</a><h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">3. Installation</h2>After download and unzip the project, use the preferred IDE (Android Studio / Visual Code / IntelliJ) to open the project folder.<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Click the “Get dependencies” or “Packages get” to install the libraries from pubspecs.yaml file or run the following commad in the project folder. <code>flutter packages get</code></li><li value="2" class="PlaygroundEditorTheme__listItem">Open the simulator to run iOS or Android (as the step above)</li><li value="3" class="PlaygroundEditorTheme__listItem">Then press the run button to start the project.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_job.1708076866272.png?alt=media" alt="" width="inherit" height="inherit"></li></ol>

Getting Started

<h1 class="PlaygroundEditorTheme__h1" dir="ltr" style="text-align: start;">Getting Started</h1><h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">1. System Requirements</h2>Based on Flutter requirement. Please select the operating system on which you are installing Flutter<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Mac OS: <a href="https://flutter.dev/docs/get-started/install/macos" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/install/macos</a></li><li value="2" class="PlaygroundEditorTheme__listItem">Window: <a href="https://flutter.dev/docs/get-started/install/windows" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/install/windows</a></li><li value="3" class="PlaygroundEditorTheme__listItem">Linux: <a href="https://flutter.dev/docs/get-started/install/linux" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/install/linux</a></li><li value="4" class="PlaygroundEditorTheme__listItem">Setup an editor: <a href="https://flutter.dev/docs/get-started/editor" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/editor</a></li></ol><h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">2. Setup Editor</h2>There are different editor you can use for running a flutter app but the most commonly used are Android Studio &amp; VS Code. Here is a link to the official documentation from the flutter theme on how to setup these editors: <a href="https://flutter.dev/docs/get-started/editor?tab=androidstudio" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/editor?tab=androidstudio</a><h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">3. Installation</h2>After download and unzip the project, use the preferred IDE (Android Studio / Visual Code / IntelliJ) to open the project folder.<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Click the “Get dependencies” or “Packages get” to install the libraries from pubspecs.yaml file or run the following commad in the project folder. <code>flutter packages get</code></li><li value="2" class="PlaygroundEditorTheme__listItem">Open the simulator to run iOS or Android (as the step above)</li></ol><h2 class="PlaygroundEditorTheme__h2" dir="ltr">Then press the run button to start the project.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_job.1708076866272.png?alt=media" alt="" width="inherit" height="inherit">4, Steps</h2>There is no actual order in setting up a flutter project but we have listed steps below to make it easier for you to know what to do before trying to run the app and make it work perfectly:<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Change Package/Bundle Id &amp; App name. <a href="https://github.com/templatecookie/jobpilot-mobile-app-documentation/blob/main/change_app_name_and_id.md" class="PlaygroundEditorTheme__link">Change App Name and ID</a></li><li value="2" class="PlaygroundEditorTheme__listItem">Change App name, logo and splash screen. <a href="https://github.com/templatecookie/jobpilot-mobile-app-documentation/blob/main/change_app_and_splash_icon.md" class="PlaygroundEditorTheme__link">Change App and Splash Icon</a></li><li value="3" class="PlaygroundEditorTheme__listItem">Update app api endpoint. This is to change the app api to your own backend url. <a href="https://github.com/templatecookie/jobpilot-mobile-app-documentation/blob/main/update_endpoints.md" class="PlaygroundEditorTheme__link">Update Endpoint</a></li><li value="4" class="PlaygroundEditorTheme__listItem">Setup Firebase on the app for notification, authentication etc. <a href="https://github.com/templatecookie/jobpilot-mobile-app-documentation/blob/main/update_firebase.md" class="PlaygroundEditorTheme__link">Update Firebase</a></li></ol>After going through each step, If you want to <code>run</code> your app. Try cleaning the project, by running the following commands<pre spellcheck="false" data-highlight-language="javascript">flutter clean flutter pub get</pre>

<h1 class="PlaygroundEditorTheme__h1" dir="ltr" style="text-align: start;">Getting Started</h1><h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">1. System Requirements</h2>Based on Flutter requirement. Please select the operating system on which you are installing Flutter<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Mac OS: <a href="https://flutter.dev/docs/get-started/install/macos" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/install/macos</a></li><li value="2" class="PlaygroundEditorTheme__listItem">Window: <a href="https://flutter.dev/docs/get-started/install/windows" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/install/windows</a></li><li value="3" class="PlaygroundEditorTheme__listItem">Linux: <a href="https://flutter.dev/docs/get-started/install/linux" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/install/linux</a></li><li value="4" class="PlaygroundEditorTheme__listItem">Setup an editor: <a href="https://flutter.dev/docs/get-started/editor" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/editor</a></li></ol><h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">2. Setup Editor</h2>There are different editor you can use for running a flutter app but the most commonly used are Android Studio &amp; VS Code. Here is a link to the official documentation from the flutter theme on how to setup these editors: <a href="https://flutter.dev/docs/get-started/editor?tab=androidstudio" rel="nofollow" class="PlaygroundEditorTheme__link">https://flutter.dev/docs/get-started/editor?tab=androidstudio</a><h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">3. Installation</h2>After download and unzip the project, use the preferred IDE (Android Studio / Visual Code / IntelliJ) to open the project folder.<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Click the “Get dependencies” or “Packages get” to install the libraries from pubspecs.yaml file or run the following commad in the project folder. <code>flutter packages get</code></li><li value="2" class="PlaygroundEditorTheme__listItem">Open the simulator to run iOS or Android (as the step above)</li></ol><h2 class="PlaygroundEditorTheme__h2" dir="ltr">Then press the run button to start the project.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_job.1708076866272.png?alt=media" alt="" width="inherit" height="inherit">4, Steps</h2>There is no actual order in setting up a flutter project but we have listed steps below to make it easier for you to know what to do before trying to run the app and make it work perfectly:<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Change Package/Bundle Id &amp; App name. <a href="https://templatecookie.helpcenter.guide/articles/change-app-name-id-83c890-5273c" rel="noreferrer" class="PlaygroundEditorTheme__link">Change App Name and ID</a></li><li value="2" class="PlaygroundEditorTheme__listItem">Change App name, logo and splash screen. <a href="https://templatecookie.helpcenter.guide/articles/change-app-and-splash-icon-83c890-2129c" rel="noreferrer" class="PlaygroundEditorTheme__link">Change App and Splash Icon</a></li><li value="3" class="PlaygroundEditorTheme__listItem">Update app api endpoint. This is to change the app api to your own backend url. <a href="https://templatecookie.helpcenter.guide/articles/update-api-endpoints-83c890-01b71" rel="noreferrer" class="PlaygroundEditorTheme__link">Update Endpoint</a></li><li value="4" class="PlaygroundEditorTheme__listItem">Setup Firebase on the app for notification, authentication etc. <a href="https://templatecookie.helpcenter.guide/articles/update-firebase-83c890-16d1e" rel="noreferrer" class="PlaygroundEditorTheme__link">Update Firebase</a></li></ol>After going through each step, If you want to <code>run</code> your app. Try cleaning the project, by running the following commands<pre spellcheck="false" data-highlight-language="javascript">flutter clean flutter pub get</pre>

Was this article helpful?