soccer stats herunterladen - soccer stats Quellcode herunterladen

soccer stats

Anderer Quellcode

Herunterladen

Fußballstatistiken

Eine auf Reaktion basierende Anwendung zum Folgen und Verfolgen Ihrer Lieblingsfußballvereine auf der ganzen Welt.

Inhaltsverzeichnis

Überblick
Merkmale
- Teams hinzufügen und entfernen
- Suchländer und Ligen
- Club -Feortures & Player -Statistiken
Gebaut mit
Erste Schritte
- Voraussetzungen
- Installation
Beitragen
Kontakt
Anerkennung
Lizenz

Überblick

Mit Soccer -Statistiken können Sie jeden Verein auf der ganzen Welt für die Saison 2020/2021 suchen, folgen und verfolgen. Sie müssen nicht mehr von der Club -Website zu Club -Website springen, um die neuesten Spiele, Ergebnisse, Teamleute und mehr Ihres bevorzugten Teams zu finden! Durch die Verwendung von Echtzeitdaten, die direkt über API-Football gezogen werden, können Sie nach jedem Club auf der ganzen Welt suchen, diese zu Ihrer Favoritenliste hinzufügen und ihre neuesten Statistiken durchsuchen!

Merkmale

Teams hinzufügen und entfernen

Greifen Sie schnell auf die Informationen Ihrer folgenden Clubs zu, indem Sie sie zu Ihrer Liste der My Clubs hinzufügen. Um Ihrer Liste einen Fußballverein hinzuzufügen, suchen Sie einfach über die Funktion für Suchländer und Ligues nach dem Club und klicken Sie dann auf den Club, der in der aktuellen Ligabelle angezeigt wird. Der Club wird automatisch in Ihrer Sammelliste angezeigt und ermöglicht eine einfachere Zugänglichkeit. Fügen Sie so viele Clubs hinzu, wie Sie möchten - es gibt keine Begrenzung! Wenn Sie keinen Club mehr verfolgen möchten, können Sie ihn aus Ihrer Liste entfernen, indem Sie auf die entsprechende Schaltfläche entfernen .

Suchländer und Ligen

Sie können nach einem verfolgten Club auf der ganzen Welt suchen, indem Sie die Länder und Ligen Dropdown -Menüs über der Liga -Tabellenkomponente verwenden. Wählen Sie zunächst ein Land aus, das Sie aus den Ländern untersuchen möchten, wenn Sie Dropdowns aus den Ländern erforschen. Sobald ein Land ausgewählt ist, werden alle verfügbaren Ligen für dieses Land im Dropdown -Menü der Liga angezeigt. Nachdem Ihre Auswahl getroffen hat, werden die neuesten Tabellenergebnisse unten angezeigt. Von dort aus können Sie anfangen, Clubs zu Ihrer Liste hinzuzufügen und ihre neuesten Statistiken zu durchsuchen.

Pro-Tip: Sie können auch direkt in die Suchfelder eingeben, um die Dropdown-Optionen zu filtern!

Club -Feortures & Player -Statistiken

Nach Auswahl eines Teams aus der Ligabisch- oder My Club -Liste werden alle Informationen für diesen Club unten angezeigt. Sie können die direkten Informationen der Clubs untersuchen: Name, Land, Stadion und mehr sowie alle bevorstehenden Spieler und aktuellen Spieler. Scrollen Sie durch die Listen und Spielerlisten, um weitere Informationen anzuzeigen. Klicken Sie einfach auf den Namen dieses Spielers, um die spezifischen Statistiken für einen einzelnen Spieler im Kader zu sehen. Die neuesten Statistiken werden im Player Highlight -Komponenten rechts neben der Liste des Spielers angezeigt. Hier sehen Sie alle Spielerstatistiken für Club und Land (Land zeigt nur, wenn sie ein internationaler Spieler sind).

Gebaut mit

Fußballstatistiken werden mit den folgenden Technologien erstellt:

Reagieren
Node.js
Äußern
MongoDb
Api-Fußball

Erste Schritte

Voraussetzungen

Node.js und NPM sind erforderlich, um schnell mit diesem Projekt aufzunehmen. Lukily, NPM ist mit node.js verteilt - was bedeutet, dass Sie beim Herunterladen von node.js automatisch NPM auf Ihrem Computer installiert werden! Sie können node.js hier installieren.

Soccer -Statistiken verwendet die MongoDB -Community für ihre Datenspeicherung neuer API -Anrufe. Sie können die neueste Version von monogoDB hier herunterladen, installieren und konfigurieren

Installation

Holen Sie sich hier einen kostenlosen API-Football-Schlüssel
Klonen Sie das Repo

git clone https://github.com/Matt-Wigg/soccer-stats.git

Installieren Sie NPM -Pakete

npm install

Benennen Sie die Datei in Server/Datenbank in config.js RENAME_ME_CONFIG.JS um und fügen Sie Ihren MongoDB -Benutzernamen und Ihr Passwort hinzu. Die ip -Adresse ist nur erforderlich, wenn Ihre Datenbank in ihrer eigenen Instanz ausgeführt wird - beispielsweise AWS/EC2.

 module . exports = {
  username : 'USERNAME' ,
  password : 'PASSWORD' ,
  ip : 'localhost' ,
} ;

Benennen Sie die Datei in Server/Controller in config.js RENAME_ME_CONFIG.JS um und fügen Sie Ihren API-Football-Hostschlüssel und den API-Schlüssel hinzu.

 module . exports = {
  hostKey : 'HOSTKEY' ,
  apiKey : 'APIKEY' ,
} ;

Führen Sie die folgenden Befehle aus:

npm run bundle
npm run start

Beitragen

Beiträge machen die Open -Source -Community zu einem erstaunlichen Ort, um zu lernen, zu inspirieren und zu kreieren. Alle Beiträge, die Sie leisten, werden sehr geschätzt .