Skip to content
forked from part2-1/fandom-k

좋아하는 아이돌을 후원하는 팬덤 플랫폼

Notifications You must be signed in to change notification settings

twtwkim/Fandom-k

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💪 FE 11기 기초 프로젝트: Fandom-K

  • 일정: 2024.10.24 ~ 2024.11.08
  • 팀명: FE 11기 Part2 1팀
  • 배포 URL: FANDOM-K

📋 프로젝트 소개

image

  • 프로젝트명: Fandom-K
  • 프로젝트 설명: 좋아하는 아이돌에게 광고 후원, 투표, 관심 아이돌 추가/삭제 기능을 제공하는 팬덤 플랫폼
  • 사이트 주요 기능
    • 💰 크레딧 관리: 후원, 투표를 하기 위해 필요한 크레딧을 관리하는 기능
    • 📢 광고 후원: 팬들이 아이돌에게 후원을 통해 광고를 올릴 수 있는 기능
    • 🗳️ 투표 기능: 팬들이 특정 이벤트나 차트에 참여할 수 있는 투표 기능
    • 📊 이달의 차트: 인기 아이돌을 순위에 따라 표시하고 관리하는 차트 기능
    • 관심 아이돌 관리: 관심 있는 아이돌을 추가하거나 삭제하여 개인화된 팬덤 활동 가능

👥 팀원 소개 및 역할

박연학(@1022gusl)
- 초기 세팅
- 전역 스타일
- 이달의 차트
- 인트로
김태완(@twtwkim)
- 마이페이지
- 404 페이지
- 발표

홍지윤(@h-zhirun)
- API
- 공통 헤더
- 내 크레딧
- 발표 자료
오진화(@0hjinhwa)
- 랜딩 페이지


임광조(@lkj1313)
- 공통 버튼
- 조공 슬라이더
- 로딩 스피너
김예도(@solprime)
- 모달
- 크레딧 관리


📅 프로젝트 타임라인

날짜 주요 일정 설명
🗓️ 10/23 주제 선정 및 분석 프로젝트 주제 및 요구사항 분석
📝 10/24 업무 분배 및 상세 계획서 작성 역할 분담 및 상세 계획 수립
🛠️ 10/25 프로젝트 초기 세팅 Git 설정, 프로젝트 폴더 구조 설정 및 초기 코드 작성
⚙️ 10/26 기능 구현 주요 기능 개발 시작
📋 10/29 추가 업무 분배 및 멘토 리뷰 반영 크레딧 관리 훅, 리사이즈 훅, 공통 컴포넌트, 차별화 요소 추가
🔍 10/30 중간 점검 및 1차 배포 문제점 확인 및 수정 후 1차 배포
🔄 11/2 코드 리팩토링 코드 최적화 및 정리
📑 11/4 발표 자료 준비 및 2차 배포 최종 발표 자료 준비 및 2차 배포
🚀 11/6 최종 배포 프로젝트 최종 배포 및 완료

🛠 사용된 기술 스택 및 도구

개발 환경

VS Code Git GitHub

FE 기술

HTML Sass JavaScript React React Slick Slick Carousel

품질 관리

ESLint Prettier

협업 도구

Git GitHub Google Docs Discord

빌드 및 배포

NPM Netlify


✨ 코드 컨벤션

  • 🐫 Naming Convention: CamelCase 사용
  • 🌟 Formatting: Prettier를 사용하여 코드 형식을 자동 정리
  • 📏 Linting: ESLint로 코드 스타일 일관성 유지
  • 📏 Indentation: 2칸 공백으로 통일

About

좋아하는 아이돌을 후원하는 팬덤 플랫폼

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 60.8%
  • SCSS 38.9%
  • HTML 0.3%