基于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许可分发。