팬 참여형 아이돌 덕질 커뮤니티 FE

✅프로젝트 목적

기존의 아이돌 덕질 커뮤니티는 폐쇄적인 면이 있고, 아는 사람들만 정보공유를 하기 때문에 정보습득에 있어서 제한적이다. 그래서 아이돌 덕질에 흥미를 가지고 입문하는 사람들이 다른사람들의 반응을 얻지 못해 쉽게 떠나갈수 있다는 문제점이 있다. 이러한 점을 타파하고자 누구나 쉽게 접근하고 팬이 직접 참여하는 컨텐츠를 제공해 떠나가지 않고, 덕질에 흥미를 더 유발할 수 있다.

✅팀원

🍀 권성민	🍀 이정현	🍀 김진현	🍀 김강산	🍀 김인제	🍀 하상진
FE리더	UI/UX	UI/UX	BE리더	BE/팀장	BE

✅ UCC

https://www.youtube.com/watch?v=yUcUPUZBgss

✅ 실행방법

git clone [URL]
cd Crescendo
$ npm install
$ npm start

✅ 배포

배포링크 https://www.crescendo.o-r.kr/

(현재는 내려갔습니다!)

✅ 프로젝트 구조

✅ 기능

메인페이지

아이돌 커뮤니티

• 아이돌 목록
  
• 아이돌 커뮤니티 피드
  
• 아이돌 커뮤니티 상세 댓글
  

댄스 챌린지

• 댄스 챌린지 등록
  

댄스 챌린지 상세

• 다른 사람 챌린지 보기
  

• 비교 재생
  

• 내 챌린지 등록
  

최애 자랑

✅ 개발규칙

• Prettier, Eslint, Husky

✅ CI/CD 자동화

• CI : Gitlab, Jenkins
• CD : AWS EC2 Ubuntu 20.04.6 LTS

✅ 사용기술

• React TypeScript
• Scss, Tailwind CSS
• axios
• react-router-dom
• reduxjs/toolkit / react-redux
• Context API
• Stomp.js
• react-toastify

✅ 코딩 컨벤션

태그: 제목의 형태

태그 이름	설명
feat	새로운 기능을 추가할 경우
fix	버그를 고친 경우
chore	빌드 업무 수정, 패키지 매니저 수정
docs	문서 수정
init	초기 설정
test	테스트 코드
style	코드 포맷팅, 세미콜론 누락, 코드 변경이 없는 경우, 짜잘한 코드 수정
refactor	코드 리팩토링
merge	코드 합치기

✅ 기술선택 배경 및 회고

• 성민
  https://pepper-carrot-8b0.notion.site/11b29ce29a274d438d16a1ba93d08605