hoiheart / epl-react

EPL 데이터를 활용한 토이 프로젝트

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

EPL-React

URL : https://epl-react.herokuapp.com

Heroku 무료 서버는 주기적으로 sleep 되므로 접속에 시간이 걸릴 수 있음

  • EPL Data를 활용한 토이 프로젝트
  • Typescript + React 스터디를 목적으로 SSR 및 배포 자동화를 위해 NextJS + Heroku 조합으로 구현
  • Github Actions를 통한 크롤링 스케쥴화 (disabled)

Work List

  • 기술셋 픽스 및 환경 세팅
  • API 데이터 수급
  • 인덱스(순위 목록) 메뉴
  • 팀 메뉴
  • 스탯 메뉴
  • 일정 메뉴
  • 디자인
  • TDD
  • Lint

API

ESPN's hidden API Document 참고 및 ESPN 웹사이트 탐색을 통해 관련 API Source 수급

API 데이터는 프로젝트 목적상 DB로 관리하기엔 오버스펙이므로 Puppeteer를 활용한 크롤러로 Static 관리

Scripts

# 크롤링
npm run crawler

# Dev Server
npm run dev

# Build
npm run build

# Test
npm run test

# Production
npm start

Github + Heroku 로 CI/CD 수행

About

EPL 데이터를 활용한 토이 프로젝트


Languages

Language:TypeScript 75.5%Language:JavaScript 17.1%Language:CSS 7.5%