Ce projet est un tableau de bord affichant des informations météorologiques, des recettes et des articles d'actualité. Il utilise les API OpenWeatherMap, Tasty API et Mediastack API pour récupérer les données. Les résultats des requêtes sont stockés sur Firebase afin de limiter le nombre de requêtes.
Vous pouvez trouver une vidéo de présentation de notre projet ici.
- Affichage de la météo actuelle pour les cinq prochaines heures.
- Affichage d'une recette aléatoire.
- Affichage d'une liste d'actualités récentes.
- Rafraîchissement des données en temps réel.
- Angular : un framework JavaScript pour le développement d'applications web.
- OpenWeatherMap API : une API de prévisions météorologiques.
- Tasty API : une API de recettes de cuisine.
- Mediastack API : une API de news.
- Firebase : une plateforme pour stocker les réponses de nos requêtes sur ces API.
- Cloner le projet depuis GitHub.
cd ./dashfront/front/.- Modifier les adresses qui seront Fetch dans les composants par celles générées dans votre back (exemple:
localhost:3080/weather). - Installer les dépendances avec la commande
npm install. - Lancer l'application avec la commande
ng serve.
- Cloner le projet depuis GitHub.
cd ./dashfront/back.- Installer les dépendances avec la commande
npm install. - Modifier les clés d'API dans les .js que vous souhaitez utiliser.
- Ajouter un fichier
clefGoogle.json, contenant une clé d'accès à votre projet firestore sur Firebase node server.jsafin de lancer les services qui seront appelés.
- Ouvrir l'application dans un navigateur web.
- Cliquer sur le bouton "Actualiser" pour rafraîchir les données affichées.
👤 Pecquery Charly |
👤 BOULLIER Arthur |
👤 GONIN-SAGET Allan |
Les contributions sont les bienvenues ! N'hésitez pas à ouvrir une issue ou une pull request pour proposer des améliorations.
Ce projet n'est sous aucune licence. Il est cependant interdit d'utiliser nos clés API présentes dans le code pour votre propre utilisation.