soccer stats

축구 통계

전 세계에서 좋아하는 축구 클럽을 팔로우하고 추적하기위한 반응 기반 응용 프로그램.

목차

1. 개요
2. 특징
   • 팀을 추가하고 제거합니다
   • 검색 국가 및 리그
   • 클럽 비품 및 플레이어 통계
3. 구축
4. 시작하기
   • 전제 조건
   • 설치
5. 기여
6. 연락하다
7. 감사의 말
8. 특허

개요

축구 통계를 통해 2020/2021 시즌 동안 전 세계 클럽을 검색, 팔로우 및 추적 할 수 있습니다. 더 이상 클럽 웹 사이트에서 클럽 웹 사이트로 점프하여 좋아하는 팀의 최신 비품, 결과, 팀 명단 등을 찾을 필요가 없습니다! API-Football을 통해 직접 가져온 실시간 데이터를 사용하면 전 세계의 클럽을 검색하고 즐겨 찾기 목록에 추가 한 후 최신 통계를 탐색 할 수 있습니다!

특징

팀을 추가하고 제거합니다

My Clubs 목록에 추가하여 후속 클럽의 정보에 신속하게 액세스하십시오. Soccer Club을 목록에 추가하려면 검색 국가 및 리그 기능을 통해 클럽을 검색 한 다음 현재 리그 테이블에 표시된 클럽을 클릭하십시오. 클럽은 컬렉션 목록에 자동으로 표시되므로 쉽게 접근 할 수 있습니다. 원하는만큼 클럽을 추가하십시오 - 제한이 없습니다! 더 이상 클럽을 추적하지 않으려면 해당 제거 버튼을 클릭하여 클럽을 목록에서 제거 할 수 있습니다.

---

검색 국가 및 리그

리그 테이블 구성 요소 위에 위치한 국가 및 리그 드롭 다운 메뉴를 사용하여 전 세계의 모든 추적 클럽을 검색 할 수 있습니다. 먼저, 국가 드롭 다운에서 탐색하려는 국가를 선택하십시오. 국가가 선정되면 해당 국가에 사용 가능한 모든 리그가 리그 드롭 다운 메뉴에 표시됩니다. 선택하면 최신 테이블 결과가 아래에 나타납니다. 거기서부터 목록에 클럽을 추가하고 최신 통계를 탐색 할 수 있습니다.

프로 팁 : 검색 상자에 직접 입력하여 드롭 다운 옵션을 필터링 할 수도 있습니다!

---

클럽 비품 및 플레이어 통계

리그 테이블 또는 내 클럽 목록에서 팀을 선택한 후 해당 클럽의 모든 정보가 아래에 나타납니다. 클럽의 직접 정보 (이름, 국가, 경기장 등)뿐만 아니라 다가오는 비품 및 현재 플레이어 명단을 탐색 할 수 있습니다. 비품과 플레이어 목록을 스크롤하여 자세한 정보를보십시오. 분대의 개별 플레이어에 대한 특정 통계를 보려면 해당 플레이어의 이름을 클릭하십시오. 가장 최근의 통계는 플레이어 목록의 오른쪽에있는 플레이어 하이라이트 구성 요소에 나타납니다. 여기서는 클럽과 국가 모두의 모든 플레이어 통계를 볼 수 있습니다 (국제 선수 인 경우 국가 만 표시).

---

구축

축구 통계는 다음과 같은 기술로 구축됩니다.

• 반응
• node.js
• 표현하다
• Mongodb
• api-football

시작하기

전제 조건

이 프로젝트를 통해 빠르게 일어나고 실행하려면 Node.js 및 NPM이 필요합니다. lukily, npm은 node.js와 함께 배포됩니다. 즉, Node.js를 다운로드하면 컴퓨터에 자동으로 NPM이 설치됩니다! 여기에 node.js를 설치할 수 있습니다.

Soccer Stats는 최근 API 통화 데이터를 위해 MongoDB 커뮤니티를 사용합니다. 여기에서 최신 버전의 MonoDB를 다운로드, 설치 및 구성 할 수 있습니다.

설치

1. 여기에서 무료 API-Football 키를 얻으십시오
2. 레포를 복제하십시오

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

3. NPM 패키지를 설치하십시오

npm install

4. config.js의 서버/데이터베이스 내부의 RENAME_ME_CONFIG.JS 파일의 이름을 config.js 로 바꾸고 mongodb 사용자 이름과 비밀번호를 추가하십시오. 예를 들어 ip 주소는 데이터베이스가 자체 인스턴스에서 실행중인 경우에만 필요합니다 (예 : AWS/EC2).

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

5. config.js 위해 Server/Controllers 내부의 RENAME_ME_CONFIG.JS 파일의 이름을 바꾸고 API-Football 호스트 키 및 API 키를 추가하십시오.

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

6. 다음 명령을 실행하십시오.

npm run bundle
npm run start

기여

공헌은 오픈 소스 커뮤니티를 배우고 영감을주고 창조 할 수있는 놀라운 장소입니다. 당신이하는 모든 기여는 대단히 감사합니다 .

1. 프로젝트를 포크하십시오
2. 기능 지점 만들기 ( git checkout -b feature/AmazingFeature )
3. 변경 사항을 커밋하십시오 ( git commit -m 'Add some AmazingFeature' )
4. 분기로 git push origin feature/AmazingFeature
5. 풀 요청을 엽니 다

연락하다

웹 사이트 -Mattwigg

전문 - 링크드 인

프로젝트 링크 : https://github.com/matt-wigg/soccer-stats/

감사의 말

• React-Select
• 스타일의 구성 요소
• axios
• Google 글꼴

특허

MIT 라이센스에 따라 배포됩니다.