This project is developed using angular 12 and ionic 5.9.2.
To develop the project it is necessary to install nodejs, the installation of node is different in each operating system (see installation documentation). After doing this you need to install angular.
npm install -g @angular/cli
after installing angular it is necessary to install ionic.
npm install -g @ionic/cli
After installing ionic I generated the project only with Cordova as Capacitor gives me some problems.
ionic start tempo tabs --type=angular --cordova
Within the tabs I have generated folders as you can see from the project.
ionic g page /folder/nameFolder
In this project a weather app with different sections is developed.
The first 🏙️
Represents the home with the various cities of which it is possible to see the forecasts. After clicking on one of the visible cities, you can see the relative weather.
The second :parking:
In that a map is displayed. In the map you can see my position with the relative marker in addition it is possible to return to the time page by clicking on one of the relative markers positioned on the map to see the weather of the selected city. Before accessing the map, authorization must be requested to access one's position and enable the GPS. After doing this the map will load correctly.
The third 😎
In the third tab you can first see the users who have downloaded the app, after clicking them you can see their information in detail.
If the loading of any page is slow or some query fails, error / laoding screens will be displayed.
To run project on web types:
npm start
If you want to "run" the project natively (using a physical device) First you need to add the platforms (android / ios)
ionc cordova platform add (android/ios)
Only after
ionc cordova run android
To run the app in debug mode with the web
npm run run:live android
Else if you want run the app with node
npm run run:run android
Enjoy 2F