Empty project.
First install dependencies:
npm installTo run in hot module reloading mode:
npm startTo create a production build:
npm run build-prodTo create a development build:
npm run build-devOpen the file dist/index.html in your browser
To run unit tests:
npm testTo run cypress:
npm cypress:openThis 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.
- 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