Start from template

start your ionic project from an app template introduction in this section you learn how to get started with an ionic template and get ready to use back4app in 4 steps prerequisites to complete this quickstart, you need visual studio code https //code visualstudio com/download (or any web ide you like) ionic framework https //ionicframework com/getting started/ an app created at back4app follow the new parse app tutorial https //www back4app com/docs/get started/new parse app to learn how to create a parse app at back4app 1 get the template download the template at our github repository https //github com/back4app/ionic quickstart example , and unzip files in your project folder you can do that using the following command line $ curl lok https //github com/back4app/ionic quickstart example/archive/master zip && unzip master zip 2\ navigate to the extracted folder and install the depedencies using the following command line $ cd ionic quickstart example master && npm install 2 open the project template open visual studio code click on \<font color="#2166ae">open folder\</font> 3\ navigate to the project folder and click on \<font color="#2166ae">ok\</font> 4\ wait for visual studio to open 3 set up app’s credentials update your strings values to set up the app’s credentials parse javascript sdk uses these settings to connect to the back4app servers in order to do that, follow these steps open your home typescript file \<font color="#2166ae"> /src/pages/home/home ts\</font> 2\ go to your app dashboard at back4app website https //www back4app com/ 3\ navigate to app’s settings click on \<font color="#2166ae">server settings\</font> > \<font color="#2166ae">core settings\</font> block > \<font color="#2166ae">settings\</font> 4\ return to your \<font color="#2166ae">home ts\</font> file and paste your \<font color="#2166ae">app id\</font> and \<font color="#2166ae">javascript key\</font> see more at our new parse app guide https //www back4app com/docs/get started/new parse app 4 testing your connection run your app on your browser $ ionic serve 1\ wait until a new tab opens on your browser i n order to see the page in a phone frame, press \<font color="#2166ae">f12\</font> 2\ login at back4app website https //www back4app com/ 3\ find your app and click on \<font color="#2166ae">dashboard\</font> 4\ click on \<font color="#2166ae">core\</font> 5\ go to \<font color="#2166ae">browser\</font> if everything works properly, you should find a class named \<font color="#2166ae">installation\</font> as follows it’s done! at this point, you have learned how to get started with ionic apps