https://github.com/dongju-na/scouter-frontend
스카우터 프로젝트 - 프론트
https://github.com/dongju-na/scouter-frontend
Last synced: 3 months ago
JSON representation
스카우터 프로젝트 - 프론트
- Host: GitHub
- URL: https://github.com/dongju-na/scouter-frontend
- Owner: DongJu-Na
- Created: 2022-12-31T05:15:32.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-05T12:13:16.000Z (over 1 year ago)
- Last Synced: 2025-02-26T19:52:12.222Z (3 months ago)
- Language: JavaScript
- Size: 9.55 MB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Scouter-frontend
롤 전적검색 사이트 [Scouter](http://1.234.189.11/) api 프로젝트 입니다
`2023.01.01 ~ 2023.02.05` 동안 `React`를 이용해 구현했습니다.
## 😅 [Scouter 방문하기](https://dongju-na.github.io/scouter-frontend/) [beta]
## 😛 [Scouter 방문하기](http://1.234.189.11) [alpha]
이 프로젝트를 통해 이루고자 한 목표는
`BE개발자이지만 FE 개발자들과 보다 더 원활한 커뮤니케이션을 위해 FE 작업을 맡아 프로젝트를 진행하였습니다.`
# 📚 목차
* [사용 기술 및 라이브러리](#-사용-기술-및-라이브러리)
* [구현 기능](#-구현-기능)
* [API 명세서](#-API-명세서)
* [트러블슈팅](#-트러블슈팅)
# 🕹 사용 기술 및 라이브러리
### 📌 FrontEnd
|기술|버전|
|----|----|
|node.js|18.13.0|
|react|18.2.0|
|axios|1.2.1|
|bootstrap|5.2.3|
|jwt-decode|3.1.2|
|proxy-middleware|0.15.0|
|react-bootstrap|2.7.0|
|react-chartjs-2|5.1.0|
|react-dom|18.2.0|
|react-router-dom|6.6.1|
|react-scripts|5.0.1|
|react-tooltip|4.2.19|
|recoil|0.7.6|
|recoil-persist|4.2.0|
|sass|1.57.1|
|sass-loader|13.2.0|
|sweetalert2|11.7.0|
|util|0.12.5|
|web-vitals|2.1.4|
# 🎢 구현 기능
* 롤 데이터 파싱 및 바인딩
* 소환사 조회
* 최근 10경기 전적 조회
* 리그정보조회
* 챌린저 리그 , 그랜드마스터 리그 , 마스터 리그 랭킹 조회 & 클라이언트 페이지네이션
* 소환사 프로필 아이콘&아이템&챔피언&스펠&룬 데이터 파싱 및 이미지 처리
* 게시판 기능
* 모든 게시글 조회
* 게시글 검색
* 게시글 작성
* 게시글 수정
* 게시글 삭제
* 댓글 기능
* 댓글 조회
* 댓글 작성
* 댓글 삭제
* 회원 기능
* 회원가입
* 로그인/로그아웃
# 🤙🏻 API 명세서
HTTP 메서드를 통해 행위를 명시할 수 있도록 RESTful 방식으로 설계했습니다.
[회원](http://1.234.189.11/docs/user-guide.html)
[게시판](http://1.234.189.11/docs/board-guide.html)
[댓글](http://1.234.189.11/docs/Reply-guide.html)
[BE GitHub](https://github.com/DongJu-Na/scouter-backend)
# 👾 트러블슈팅
* CORS 로컬 개발 시 프록시 미들웨어를 이용하여 해결
* RiotAPI Request Limit 으로 인해 전적 갱신 시 120초 지연 및 사용자에게 안내
* 이미지 처리는 Base64 형식으로 처리
* 아이템 상세 정보는 라이엇 데이터 Json 파일 파싱 후 툴팁으로 안내