Get Riot API with three.js

Riot API를 활용해서, 롤 전적 데이터 3D 시각화

Stack

• 코어 : CRA TypesSript
• 스타일링 : SCSS CSS Module React-three-fiber React-three-fiber/drei
• 상태관리 : React-Query Recoil
• CI/CD : Vercel Deploy
• 브랜치 전략 : Git Flow
• CONFIG 커스텀 : React-App-Rewired Customize-CRA

TODO

• wiki를 활용한 각종 컨벤션 설정
• git flow를 활용한 브랜치 전략 설정
• vercel deploy를 활용한 CI/CD 설정
• Riot API Custom Hooks
• Layout 잡기
• ESLint와 Prettier 적용하기
• 3D 데이터 캔버스 구현
• 전적 데이터 캡쳐 저장 기능

Reference

• https://github.com/pmndrs/react-three-fiber
• https://toss.im/tossface
• https://threejs.org/examples/

Design Reference

• github skyline
• vercel landing page