Météo Pro - Application météo gratuite et complète

📖 Description

Météo Pro est une application météo complète qui utilise votre géolocalisation pour vous fournir des informations météorologiques détaillées et précises. Entièrement gratuite et open source, cette application fonctionne dans un seul fichier HTML sans nécessiter de serveur ou de clé API payante.

🎉 100% Gratuite : Aucun frais, aucune inscription, aucune limite d'utilisation. Utilisez l'application autant que vous le souhaitez, gratuitement et pour toujours.

✨ Fonctionnalités

📍

Géolocalisation automatique

Détecte automatiquement votre position pour des prévisions précises de votre localité.

🌡️

Météo actuelle complète

Température, ressenti, humidité, vent, pression, point de rosée, index UV, et plus encore.

📅

Prévisions 7 jours

Températures min/max, conditions météo et probabilité de précipitations pour la semaine.

🕐

Prévisions horaires

Évolution heure par heure sur 24h avec températures et risque de pluie.

📈

Graphique des températures

Visualisation graphique de l'évolution des températures sur 24 heures.

🌅

Soleil & Lune

Heures de lever/coucher du soleil et phase de la lune actuelle.

💨

Direction du vent

Boussole animée montrant la direction et la vitesse du vent en temps réel.

☁️

Détails complets

Couverture nuageuse, visibilité, précipitations, et tous les détails météorologiques.

🛠️ Technologies utilisées

Application développée avec des technologies web modernes :

HTML5 CSS3 JavaScript ES6+ Canvas API Geolocation API Open-Meteo API OpenStreetMap Nominatim

ℹ️ APIs gratuites : Cette application utilise l'API Open-Meteo (gratuite, sans clé) et l'API de géocodage Nominatim d'OpenStreetMap. Aucune configuration ni clé API n'est nécessaire.

🚀 Utilisation

Aucune installation nécessaire ! L'application s'utilise directement depuis votre navigateur.

Accéder à l'application

Ouvrez simplement l'URL https://meteo.revivalsoft.com dans votre navigateur web.

Autoriser la géolocalisation

Cliquez sur le bouton "📍 Obtenir la météo" et autorisez l'accès à votre position quand le navigateur vous le demande.

Profiter de l'application !

Les données météo s'affichent instantanément. Explorez les différents onglets pour voir toutes les informations disponibles.

📱 Ajouter à l'écran d'accueil (smartphone)

Pour un accès rapide comme une application native :

📱 Sur iOS (iPhone/iPad) :

Ouvrez https://meteo.revivalsoft.com dans Safari
Appuyez sur le bouton "Partager" (icône ⬆️)
Sélectionnez "Sur l'écran d'accueil"
Confirmez en appuyant sur "Ajouter"

📱 Sur Android :

Ouvrez https://meteo.revivalsoft.com dans Chrome
Appuyez sur le menu (⋮) en haut à droite
Sélectionnez "Ajouter à l'écran d'accueil"
Confirmez en appuyant sur "Ajouter"

✨ Astuce : Une fois ajoutée à l'écran d'accueil, l'application s'ouvre comme une app native, sans la barre d'adresse du navigateur, pour une expérience optimale !

💻 Récupérer le code source

L'application tient dans un seul fichier HTML. Vous pouvez facilement récupérer le code source :

Via le navigateur

Ouvrez https://meteo.revivalsoft.com, faites un clic droit et sélectionnez "Afficher le code source de la page" (ou Ctrl+U / Cmd+U). Copiez tout le code et enregistrez-le dans un fichier .html.

Via la ligne de commande

Téléchargez directement le fichier avec curl ou wget :

curl https://meteo.revivalsoft.com -o meteo-app.html

# ou

wget https://meteo.revivalsoft.com -O meteo-app.html

Enregistrer depuis le navigateur

Ouvrez l'application, puis Fichier → Enregistrer sous... et choisissez "Page web, complète" ou "Page web, HTML uniquement".

ℹ️ Code source accessible : Comme l'application tient dans un seul fichier HTML, le code source est directement visible et accessible depuis n'importe quel navigateur. Vous pouvez le consulter, l'étudier, le copier et le modifier librement !

🎨 Personnalisation

Une fois le code source récupéré, vous pouvez personnaliser l'application selon vos besoins :

Modifier les couleurs

Dans la section <style>, modifiez les couleurs principales :

/* Couleur principale */
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

/* Couleur des accents */
color: #667eea;
            

Héberger votre propre version

Placez simplement le fichier HTML sur votre serveur web :

# Copier le fichier sur votre serveur
/var/www/html/meteo.html

# Accessible via : https://votre-site.com/meteo.html
            

Intégrer dans une page existante

Vous pouvez intégrer l'application dans une iframe :

<iframe src="https://meteo.revivalsoft.com" 
        width="100%" 
        height="800px" 
        frameborder="0"
        allow="geolocation">
</iframe>
            

📜 Licence & Open Source

Cette application est totalement gratuite et open source. Vous êtes libre de :

✅ Utiliser l'application gratuitement, sans limitation
✅ Modifier le code selon vos besoins
✅ Redistribuer l'application modifiée ou non
✅ L'intégrer dans vos projets personnels ou commerciaux
✅ L'héberger sur votre propre site web

💚 Contribution : Si vous améliorez cette application, pensez à partager vos modifications avec la communauté open source !

🆘 Support & Questions

Cette application est fournie "telle quelle" sans support officiel, mais voici quelques ressources utiles :

APIs utilisées :

📊 Open-Meteo API : https://open-meteo.com/
🗺️ Nominatim OSM : https://nominatim.openstreetmap.org/

Résolution de problèmes courants :

❌ La géolocalisation ne fonctionne pas :

Vérifiez que vous avez autorisé l'accès à la localisation dans les paramètres de votre navigateur.

❌ Les données ne s'affichent pas :

Vérifiez votre connexion internet et que les APIs Open-Meteo et Nominatim sont accessibles.

❌ Le graphique ne s'affiche pas :

Essayez de rafraîchir la page ou de cliquer à nouveau sur l'onglet "Graphique".

🌤️ Météo Pro