This README file is provided in two languages, the first est en français et/and the next one is in English.

Application Météo Web

Description

Cette application web a pour but de permettre de rechercher le temps météorologique dans n'importe quelle ville en temps réel, grâce à l'API OpenWeatherMap. Chaque ville recherchée sera sauvegardée dans le sessionStorage (c.-à-d. que les villes recherchées ne seront pas perdues après avoir rafraîchi la page).

Foctionnalités

• Recherche de ville : Via un bouton de recherche ou la touche Entrée(Enter) du clavier après avoir entré le nom de la ville dans la barre de recherche.
• Affichage Météo : Affichage d'une carte météo détermine la température, le niveau d'humidité et la vitesse du vent.
• Sauvegarde de ville : Une liste ordonnée de villes déjà recherchées qui reste après le rafraîchissement de la page.
• Réorganisation : L'utilisateur peut réorganiser les villes sauvegardées (haut et bas).
• Suppression : L'utilisateur peut supprimer les villes sauvegardées.
• Gestion d'erreurs : Messages visuels pour les villes invalides/champs vides ou les erreurs réseau

Lancement de l'application

1. Cloner le référentiel :

   git clone https://github.com/ZOLL4R/weatherApp.git

2. Ouvrir le dossier cloner:

   cd WeatherApp 

3. Ouvrir index.html :

   Aucune installation n'est requise

Structure du Projet

weatherApp/
├── index.html       # Structure HTML de la page d'accueil
├── style.css        # Styles et mise en page
├── images/           # Icônes visuelles
├── page 2/
    ├── page2.html       # Structure HTML de la deuxième page de l'application
    ├── page2.js         # Logique JavaScript (API, DOM, stockage)
    ├── style.css        # Styles et mise en page
    └── image/           # Icônes météo et assets visuels

---

Contribution du projet

Ce mini-projet a été créé par Bouarich Mohamed Assaad et Soufiane Amougay.

---

Web Weather Forecast App

Description

This web application aims to allow users to search for the weather of any city in real time using the OpenWeatherMap API. Each city searched will be saved in the sessionStorage (i.e., the searched cities will not be lost after refreshing the page).

Features

• City Search: Via a search button or the Enter key on the keyboard after entering the name of the city in the search bar.
• Weather Display: Displays a weather map showing temperature, humidity, and wind speed.
• City Saved: An ordered list of previously searched cities that remains after the page is refreshed.
• Reordering: The user can rearrange saved cities (up and down).
• Deleting: The user can delete saved cities.
• Error Handling: Visual messages for invalid cities/empty fields or network errors.

Getting started

1. Clone the repository:

   git clone https://github.com/ZOLL4R/weatherApp.git

2. Open the project's folder :

   cd WeatherApp 

3. Open index.html

   No installation is required

Projects structure

weatherApp/
├── index.html       # Structure HTML de la page d'accueil
├── style.css        # Styles et mise en page
├── images/           # Icônes visuelles
├── page 2/
    ├── page2.html       # Structure HTML de la deuxième page de l'application
    ├── page2.js         # Logique JavaScript (API, DOM, stockage)
    ├── style.css        # Styles et mise en page
    └── image/           # Icônes météo et assets visuels

---

Project contribution

This project was made by Bouarich Mohamed Assaad and Soufiane Amougay.

---