基於React的應用程序,用於關注和跟踪您在世界各地最喜歡的足球俱樂部。
足球統計數據使您可以在2020/2021賽季搜索,關注和跟踪世界各地的任何俱樂部。您不再需要從俱樂部網站到俱樂部網站跳來跳去,以找到您最喜歡的團隊的最新固定裝置,結果,團隊成員等等!通過使用通過API-FOOTBALL直接刪除的實時數據,您可以在全球範圍內搜索任何俱樂部,將其添加到您的收藏夾列表中,並瀏覽其最新統計信息!
通過將其添加到您的MY Clubs列表中,快速訪問您的俱樂部信息。要將足球俱樂部添加到您的列表中,只需通過搜索國家和聯賽功能搜索俱樂部,然後單擊當前聯賽桌上顯示的俱樂部。俱樂部將自動出現在您的收藏列表中,從而使可訪問性更容易。添加盡可能多的俱樂部 - 沒有限制!如果您不再希望跟踪俱樂部,則可以通過單擊相應的刪除按鈕將其從列表中刪除。
您可以使用位於聯賽桌部組件上方的國家和聯賽下拉菜單搜索全球的任何追踪俱樂部。首先,選擇一個您想從國家下拉的國家 /地區探索的國家。一旦選擇了一個國家,該國家的所有可用聯賽都將在聯盟下拉菜單中顯示。選擇您的選擇後,最新的表結果將顯示在下面;從那裡,您可以開始將俱樂部添加到您的列表中,並瀏覽其最新統計數據。
Pro-Tip:您還可以直接輸入搜索框以過濾下拉選項!
從聯賽桌或我的俱樂部列表中選擇一支團隊後,該俱樂部的所有信息都將在下面顯示。您可以探索俱樂部的直接信息:姓名,國家,體育場等等,以及所有即將到來的固定裝置和當前的球員名冊。滾動瀏覽固定裝置和玩家列表以查看更多信息。要查看小隊中單個球員的特定統計數據,只需單擊該玩家的名字。最新的統計數據將出現在玩家列表右側的Player Emphlight組件中。在這裡,您可以看到俱樂部和國家 /地區的所有球員統計數據(僅在國際球員時才顯示出來)。
足球統計數據是通過以下技術構建的:
需要Node.js和NPM才能快速使用此項目啟動並運行。 Lukily,NPM與node.js一起分發 - 這意味著,當您下載node.js時,您會自動在計算機上安裝NPM!您可以在此處安裝node.js。
足球統計信息使用MongoDB社區來撰寫最近的API呼叫的數據。您可以在此處下載,安裝和配置最新版本的Monogodb
git clone https://github.com/Matt-Wigg/soccer-stats.git
npm install
RENAME_ME_CONFIG.JS
重命名為config.js
內部內部/數據庫,然後添加您的mongoDB用戶名和密碼。僅當您的數據庫在其自己的實例上運行-AWS/EC2時,才需要ip
地址。 module . exports = {
username : 'USERNAME' ,
password : 'PASSWORD' ,
ip : 'localhost' ,
} ;
RENAME_ME_CONFIG.JS
重命名為config.js
內部的服務器/控制器,並添加您的API-FOOTBALL主機密鑰和API鍵。 module . exports = {
hostKey : 'HOSTKEY' ,
apiKey : 'APIKEY' ,
} ;
npm run bundle
npm run start
貢獻是使開源社區成為學習,啟發和創造的驚人場所的原因。您所做的任何貢獻都非常感謝。
git checkout -b feature/AmazingFeature
)git commit -m 'Add some AmazingFeature'
)git push origin feature/AmazingFeature
)網站-Mattwigg
專業 - LinkedIn
項目鏈接:https://github.com/matt-wigg/soccer-stats/
根據MIT許可分發。