Frontend Modules¶
The AClimate frontend is organized into functional modules that guide users through the platform. Below is a description of each module, what it does, and how users interact with it.
Home Page¶
When users first arrive at AClimate, they land on the home page which serves as the entry point to the platform. From here, users can get a quick overview of the current climate conditions and access the main sections of the platform through navigation cards or the main menu. The home page is designed to give users immediate access to the most relevant information without having to navigate deep into the application.
Weather Stations¶
The locations module is where users explore the network of weather stations available in the system. When accessing /locations, users are presented with an interactive map that shows all stations plotted geographically. Below or alongside the map, a list view displays the stations with their names and basic information, allowing users to search and filter by name, region, or data source.
Each station has its own dedicated page accessible through a route like /m/los-naranjos (where the station name is used as the URL slug). On this page, users can explore everything related to that specific station:
- Historical climate data: Visualizations of temperature, precipitation, solar radiation and other variables over time, with the ability to filter by date ranges and download the data as CSV or PDF.
- Climate indicators: Derived indices that help understand patterns like dry spells, heat waves, and water balance for that location.
- Climate forecasts: Seasonal, sub-seasonal, and 10-day forecasts showing probabilities of precipitation and temperature being above, below, or near normal.
- Crop performance: For stations where crop modeling is configured, users can see predicted yields and agroclimatic indices relevant to specific crops.
Users who create an account can subscribe to stations to receive periodic bulletins and alerts via email or messaging platforms.
Spatial Maps¶
The spatial module at /spatial is designed for users who need to explore climate data across geographic areas rather than at individual stations. This module uses interactive maps powered by Leaflet with a time dimension slider that lets users animate climate variables over weeks, months, or years.
The maps display raster layers served from GeoServer, showing spatial distributions of variables like precipitation, temperature, and derived indices. Users can click on the map to get point values, toggle between different climate variables, and play animations through time. Weather station locations are also overlaid on these maps, allowing users to click on a station to access its detailed dashboard.
Climate Scenarios¶
The scenarios module at /scenario allows users to explore different possible future climate conditions and understand how they might impact agricultural planning. Users can select different scenario parameters and visualize how climate patterns might shift under various conditions. This tool is particularly useful for researchers and extension agents who need to advise farmers on long-term planning.
Favorites¶
The favorites module lets registered users save weather stations they monitor frequently for quick access. Instead of searching for the same stations repeatedly, users can add them to their favorites list and see their latest data at a glance. This feature is especially useful for extension agents who monitor multiple stations across different regions.
User Profile¶
The user profile area at /user-profile is where users manage their account settings and preferences. Here they can update their personal information, manage their station subscriptions, configure how they receive bulletins and alerts, and adjust their notification preferences. Profile management is connected to the Keycloak authentication system.
About¶
The about page at /about provides information about the AClimate platform, its purpose, the organizations behind it, and how to get support or contact the development team.
Shared Components¶
Throughout the application, users will encounter consistent interface elements. The header provides navigation and a search bar, the footer contains links and copyright information. Data is presented through charts powered by ApexCharts, interactive maps using Leaflet, and tables that support sorting. Download options are available for users who need to export data for offline analysis.