FUTFORMATION

⚽️ Futformation은 해외 다수의 프로 축구 팀별 종합 홈페이지입니다.

• 경기 일정, 팀 뉴스, 선수단, 경기 정보 등을 제공합니다.

• React.js, Next.js, TypeScript로 개발되었습니다.

• Styled-Components를 이용하여 CSS-in-JS 방식으로 작성되었습니다.

• FotMob API를 이용하여, 유럽 다수 의 팀 및 EURO, COPA AMERICA 출전 팀을 지원합니다.

• API 호출 및 상태 관리에는 Redux, Redux-saga, Redux-persist를 이용하였습니다.

• Ant-design UI 라이브러리를 활용하였습니다.

• Vercel을 통해 배포하고 있습니다.

• 반응형으로 제작되어 모바일 디스플레이 환경에도 최적화되어 있습니다.

• i18n을 이용하여 한국어와 영어를 모두 지원합니다.(2021.07.13)

• Premier League 전체 팀을 지원합니다.(2021.08.21)

  
  

주요 화면

Home

EN

KR

• 홈 화면에서는 전체적인 팀의 요약 정보를 확인할 수 있습니다.

News

• 뉴스 화면에서는 팀의 모든 뉴스를 확인할 수 있습니다.
• 사용자 편의성을 위해 모바일 사이즈에서는 스크롤을 이용하여 뉴스 목록을 확인할 수 있습니다.

Match

• 경기 화면에서는 해당 팀의 경기 목록을 월별로 확인할 수 있습니다.
• 특정 경기를 선택하면 해당 경기의 정보를 상세하게 확인할 수 있습니다.
  

Table

• 순위표 화면에서는 해당 팀의 리그 또는 국제 경기 순위표를 확인할 수 있습니다.

Players

• 선수단 화면에서는 해당 팀의 선수단과 코치의 목록을 확인할 수 있습니다.
• 특정 선수를 선택하면 해당 선수의 최근 경기, 커리어 경력, 관련 뉴스 등을 확인할 수 있습니다.

지원 팀 목록

Premier League (ALL TEAMS!)

• Man United
• Chelsea
• Liverpool
• West Ham
• Everton
• Brentford
• Watford
• Brighton
• Leicester
• Tottenham
• Aston Villa
• Burnley
• Man City
• Wolves
• Newcastle
• Southampton
• Arsenal
• Crystal Palace
• Norwich
• Leeds

La Liga

• Real Madrid
• Atletico Madrid
• Barcelona
• Valencia CF

EURO 2020

• Italy
• Switzerland
• Turkey
• Wales
• Belgium
• Denmark
• Finland
• Russia
• Austria
• Netherlands
• North
• Macedonia
• Ukraine
• Croatia
• Czech Republic
• England
• Scotland
• Poland
• Slovakia
• Spain
• Sweden
• France
• Germany
• Hungary
• Portugal

COPA AMERICA

• Argentina
• Bolivia
• Chile
• Paraguay
• Uruguay
• Brazil
• Colombia
• Ecuador
• Peru
• Venezuela

Etc

• Paris Saint Germain
• Bayern München
• Borussia Dortmund
• Juventus
• Internazionale Milano
• Porto

유의 사항

• 해당 사이트의 모든 데이터는 FotMob API로부터 제공되었으며 언제든지 데이터가 변경되거나 표시되지 않을 수 있습니다.
• 기타 문의사항이나 피드백이 있다면 sl3895@g.kmou.ac.kr로 보내주시면 감사하겠습니다.
• 코드 리뷰 및 지적은 얼마든지 환영합니다.