Le Dashboard est un projet est un projet web de 1 mois réalisé par 2 étudiants à Epitech Nice
Le Dashboard fonctionne à l'aide de plusieurs langages et technologies
Ils fonctionne également à l'aide de plusieurs Api
Après avoir cloné le répertoire:
git clone https://github.com/HugoSohm/Dashboard
- Se rendre à la racine du projet :
$ cd Dashboard
- Compilation avec docker-compose
$ sudo docker-compose build
- Lancement avec docker-compose
$ sudo docker-compose up
- Nombre d'abonnés d'une chaîne
- Dernière vidéo d'une chaîne
- Lives les plus regardés
- Jeux les plus regardés
- Température dans une ville
- Dernière musique d'un artiste
- Requête de l'entrée texte sur la page web
<input name="widget-name-youtube" class="form-control" id="widget-name-youtube" placeholder="Nom de la chaîne">
- Interprétation et envoi de cette valeur vers le back-end
$.getJSON('http://localhost:8080/service/youtube/subscribers?value=' + value, function (data)
- Redirection vers la méthode permettant la requête API
@RequestMapping("/service/youtube/subscribers")
public String Subscribers(@RequestParam("value") String value) {
return YoutubeService.Subscribers(value);
}
- Execution de la requête vers l'API avec la valeur en paramètre et envoi vers le front-end
public String Subscribers(String name) {
String url = "https://www.googleapis.com/youtube/v3/channels?part=statistics&forUsername=" + name + "&fields=items/statistics/subscriberCount&key=" + key;
RestTemplate restTemplate = new RestTemplate();
String subscribers = restTemplate.getForObject(url, String.class);
return subscribers;
}
- Interprétation du résultat
let subscribers = data["items"]["0"]["statistics"]["subscriberCount"];
- Affichage du résultat sur la page web
$("#subscribers").show();
$("#subscribers").html(html);