The Weather app is used to display the weather data for a city based on user inputs. You will be updating this app to integrate with the external API provider.
This app is built on Neutrinos Studio version 6.0.3. If you are using a later version of Neutrinos Studio, migrate the app to the latest version by clicking on the app card. After migrating the app, follow manual migration steps (if any) mentioned in the Migration guide. |
Click the app to open its Application page and explore the existing elements.
Click the Pages option on the Studio Application page to see the app pages.
The app will display the following pages:
Click the Styles option on the Studio Application page to view the app styling. The following CSS styling is set for the app pages and its components:
/*Importing default angular material css theme. */
"~@angular/material/prebuilt-themes/deeppurple-amber.css";
"nDefaults.scss";
body {
padding: 5px;
}
* {
box-sizing: border-box;
font-family: Roboto,"Helvetica Neue",sans-serif;
}
mat-grid-tile {
background: #b9c6d8;
border-radius: 4px;
}
.weathers {
padding: 0 5px;
}
.weather-card {
border: 2px solid rgba(0, 0, 0, 0.12);
border-radius: 15px;
width: 500px;
}
mat-card-title {
font-weight: bold;
}
.get-weather-button {
color: white !important;
background: #343438 !important;
}
Click the Models option on the Studio Application page menu bar to view the data models.
The logobject data model is created as follows. This data model determines the logical structure of the logged data.
Click the Routes tab to view the app navigation. On deployment, routes enable navigation from one page to another as a user performs various tasks using the application.