Empty project.

First install dependencies:

npm install

To run in hot module reloading mode:

npm start

To create a production build:

npm run build-prod

To create a development build:

npm run build-dev

Open the file dist/index.html in your browser

To run unit tests:

npm test

To run cypress:

npm cypress:open

• https://dev.to/yacouri/reactjs-folder-structure-boilerplate-155n

This folder contains all of our application presentational components (Stateless Components).

In this folder we have the Stateful components (Smart component) where we keep tracking the state.

In this file we group all constants like regex.

Here we create and export functions that will be re-used in different places in our application.

A folder made for customized hooks.

It contains layout files such as Navbar, Footer, Sidebar. Layouts are used to wrap a specific components.

This folder contains pages components like Home, Contact etc... Each page wrapped with a specific Layout

Here we write our form validation and rules using a library like Formik.

In this folder we manage all of the API requests by creating files for each service.

This folder contains all the context files where we manage and globalize the state in our application such as theming styles.

All of our application configuration will be here in this folder.

This folder is made for multi-language support. You can create subfolders with a JSON file for each language you want to translate. Take a look to their Step by Step guide HERE.

1. Open terminal and launch this: $ ionic capacitor add android

LDPI: Portrait: 200 X 320px MDPI: Portrait: 320 X 480px HDPI: Portrait: 480 X 800px XHDPI: Portrait: 720 X 1280px XXHDPI: Portrait: 960 X 1600px XXXHDPI: Portrait: 1440 x 2560px