Delve into Ionic and React to build a functional mobile app. Gain confidence and skills in creating and deploying apps for iOS and Android.

data.tar.gz

ionic

ionic-start

ionic-test

The Ionic Framework is an open-source SDK for hybrid mobile app development. It’s known for providing platform-specific UI elements through a library of native components for iOS and Android.

In this course, you will cover all the most important aspects of development with Ionic and React. Throughout, you will work to build a fully functional attendance application which you can add to your portfolio. 

By the end, you will have the confidence and the means to create and deploy your own mobile app for iOS or Android.

Developing Mobile Apps with Ionic and React

## Create a project

Now that you have seen what we are going to build, let’s dive in and get the project up and running.

Before you start any new Ionic project, make sure you are on the latest Ionic CLI. In the terminal of your choice, enter the command
`npm install -g @ionic/cli`. If you are already on the latest version, nothing will be installed.
 
Next, run the command.

```bash
ionic start
```

When asked, select React as the framework. Next, supply the name of the project. I chose “a10dance.” Select the blank template for this one. We will be implementing a side menu, but I would rather have us build it from scratch. This way we will be cutting a lot less boilerplate code.

We will not be working with AppFlow, so answer no to connecting it to an Ionic account.


We can run the application above using the following command:

```bash
ionic serve
```

Run the above command in the provided terminal. Follow through the above-mentioned steps of project creation and observe the output.



# Create a project

Now that you have seen what we are going to build, let’s dive in and get the project up and running.

Before you start any new Ionic project, make sure you are on the latest Ionic CLI. In the terminal of your choice, enter the command
`npm install -g @ionic/cli`. If you are already on the latest version, nothing will be installed.
 
Next, run the command.

```bash
ionic start
```

When asked, select React as the framework. Next, supply the name of the project. I chose “a10dance.” Select the blank template for this one. We will be implementing a side menu, but I would rather have us build it from scratch. This way we will be cutting a lot less boilerplate code.

We will not be working with AppFlow, so answer no to connecting it to an Ionic account.


We can run the application above using the following command:

```bash
ionic serve
```

Run the above command in the provided terminal. Follow through the above-mentioned steps of project creation and observe the output.



Follow step-by-step instructions to create the project structure of the Ionic-react application.

Introduction to Ionic Framework

Hello Ionic!

Building an Attendance Application

Improving the UI

Apply What You Have Learned

Appendix – Installing the Tools

Conclusion

Creating the New Project

Create a project