Taking photos with Capacitor

The first page of our application will allow the user to take photos using the camera. We will use the Capacitor runtime to get access to the native resource of the camera. To implement the page, we need to take the following actions:

• Create the user interface.
• Interact with Capacitor.

Let’s start building the user interface of the page.

Creating the user interface

Each page in our application is a different Angular component. To create an Angular component in Ionic, we can use the generate command of the Ionic CLI:

ionic generate page capture

The previous command will perform the following actions:

• Create an Angular component named capture.
• Create a related routes file.

Let’s start building the logic of our new page now:

1. First, make our page the default when the user opens the application. Open the app.routes.ts file and change the first entry of the routes property...