Une application basée sur la réaction pour suivre et suivre vos clubs de football préférés à travers le monde.
Les statistiques de football vous permettent de rechercher, de suivre et de suivre n'importe quel club dans le monde pour la saison 2020/2021. Vous n'avez plus besoin de passer du site Web du club au site Web du club pour trouver les derniers luminaires, résultats, listes d'équipe de votre équipe préférées! En utilisant des données en temps réel tirées directement via API-Football, vous pouvez rechercher n'importe quel club à travers le monde, les ajouter à votre liste de favoris et parcourir leurs dernières statistiques!
Accédez rapidement aux informations de vos clubs suivis en les ajoutant à votre liste de clubs . Pour ajouter un club de football à votre liste, recherchez simplement le club via la fonctionnalité des pays de recherche et des ligues, puis cliquez sur le club affiché dans le tableau actuel de la ligue. Le club apparaîtra automatiquement dans votre liste de collection, ce qui permet une accessibilité plus facile. Ajoutez autant de clubs que vous le souhaitez - il n'y a pas de limite! Si vous ne souhaitez plus suivre un club, vous pouvez le supprimer de votre liste en cliquant sur le bouton Supprimer correspondant.
Vous pouvez rechercher n'importe quel club suivi à travers le monde en utilisant les menus déroulants des pays et des ligues situés au-dessus du composant de la table de ligue. Tout d'abord, sélectionnez un pays que vous souhaitez explorer dans la liste déroulante des pays. Une fois qu'un pays est sélectionné, toutes les ligues disponibles pour ce pays s'affichent dans le menu déroulant de la ligue. Après avoir effectué vos sélections, les derniers résultats de la table apparaîtront ci-dessous; De là, vous pouvez commencer à ajouter des clubs à votre liste et parcourir leurs dernières statistiques.
Pro-TIP: Vous pouvez également taper directement dans les cases de recherche pour filtrer les options déroulantes!
Après avoir sélectionné une équipe dans le tableau de la ligue ou la liste des clubs, toutes les informations de ce club apparaîtront ci-dessous. Vous pouvez explorer les informations directes des clubs: nom, pays, stade, etc., ainsi que tous les accessoires à venir et les listes de joueurs actuelles. Faites défiler les listes de luminaires et de joueurs pour voir plus d'informations. Pour voir les statistiques spécifiques pour un joueur individuel dans l'équipe, cliquez simplement sur le nom de ce joueur. Les statistiques les plus récentes apparaîtront dans le composant de surbrillance du joueur à droite de la liste du joueur. Ici, vous pouvez voir toutes les statistiques des joueurs pour le club et le pays (le pays ne s'affiche que s'ils sont un joueur international).
Les statistiques de football sont construites avec les technologies suivantes:
Node.js et NPM sont nécessaires afin de fonctionner rapidement avec ce projet. Lukly, NPM est distribué avec Node.js - ce qui signifie que lorsque vous téléchargez Node.js, vous êtes automatiquement installé NPM sur votre ordinateur! Vous pouvez installer Node.js ici.
Les statistiques de football utilisent la communauté MongoDB pour son véhicule de données des appels API récents. Vous pouvez télécharger, installer et configurer la dernière version de Monogodb ici
git clone https://github.com/Matt-Wigg/soccer-stats.gitnpm installRENAME_ME_CONFIG.JS dans le serveur / base de données sur config.js et ajoutez votre nom d'utilisateur et votre mot de passe MongoDB. L'adresse ip n'est requise que si votre base de données fonctionne sur sa propre instance - AWS / EC2, par exemple. module . exports = {
username : 'USERNAME' ,
password : 'PASSWORD' ,
ip : 'localhost' ,
} ;RENAME_ME_CONFIG.JS à l'intérieur du serveur / contrôleurs à config.js et ajoutez votre clé hôte et clé API API-Football. module . exports = {
hostKey : 'HOSTKEY' ,
apiKey : 'APIKEY' ,
} ;npm run bundle
npm run startLes contributions font de la communauté open source un endroit aussi incroyable pour apprendre, inspirer et créer. Toutes les contributions que vous faites sont grandement appréciées .
git checkout -b feature/AmazingFeature )git commit -m 'Add some AmazingFeature' )git push origin feature/AmazingFeature )Site Web - Mattwigg
Professionnel - LinkedIn
Lien du projet: https://github.com/matt-wigg/soccer-stats/
Distribué sous la licence du MIT.
