L'application tend à être user friendly c'est à dire pas trop compliqué à prendre en main . Comment est-elle organisée ? (en faisant les étapes préalables d'installation mentionnées ci-dessous vous serez apte à accéder à l'interface graphique de l'application)

• Sur le bord droite vous verrez : Dashboard (page d'accueil de l'applcation) , Prévision (onglets pour voir les prévision meteo de la date suivant à laquelle la base de meteo data gouv s'est arrêté) , Carte (affichage sur la carte des valeurs prédites : température minimale et maximale) , Graphe (montre l'evolution des températures observé pour une station que vous auriez à selectionner) et Comparatif qui donne le tableau comparatif des valeurs prédites et réelles (prise sur meteociel).

• La récupération des données prédites se fait à l'aide du backend developpé avec django (puis affiché dans le frontend interface).

Backend

Avant tout il faut avoir les clés necessaire de celui qui a les modèles enregistrés sous sspcloud car les modèles en questions ne sont accessible qu'à travers le système de fichier S3. Ces clés seront mises dans un fichier .env et le tour sera joué.

Depuis la racine du projet, exécuter :

pip install requirements.txt
cd backend
python manage.py makemigrations
python manage.py migrate
python manage.py runserver

Frontend/Interface

Avant de commencer, assurez-vous d'avoir installé les éléments suivants :

• Node.js (version 22.14 ou supérieure)
• npm (version 5.6 ou supérieure)

Installation

Suivez les étapes ci-dessous pour installer et lancer le projet :

git clone lien_repo_git à coller ici
cd interface
npm install @emotion/react@^11.10.4 @emotion/styled@^11.10.4 @mui/icons-material@^5.10.3 @mui/material@^5.10.5 @mui/x-data-grid@^5.17.2 @reduxjs/toolkit@^1.8.5 @testing-library/jest-dom@^5.16.5 @testing-library/react@^13.3.0 @testing-library/user-event@^13.5.0 chart.js@^3.9.1 leaflet@^1.9.4 react@^18.2.0 react-chartjs-2@^4.3.1 react-dom@^18.2.0 react-leaflet@^4.0.0 react-pro-sidebar@^0.7.1 react-redux@^8.0.2 react-router-dom@^6.3.0 react-scripts@5.0.1 recharts@^2.15.1 web-vitals@^2.1.4 plotly.js
npm start

Conteneur (Docker)

L'application a été divisée en deux images docker : backend et frontedd-meteo qui sont sur le dockerhub de janiora sous le repôt application. Pour les lancer il faut au préalable avoir docker installer docker sous son PC, et puis lancer les commandes ci-après :

pour lancer l'image backend

sudo docker janiora/application:backend

pour lancer l'image frontend-meteo

sudo docker janiora/application:frontend-meteo