Requirement - codestates/JISIK-SPONSOR GitHub Wiki

🟢 Bare Minimum

---

• 메인 페이지

  • 로고 및 서비스명
  • Hero section Slider 구현
  • Header 구현
  • 카테고리 안내 섹션 구현
  • 진행중인 프로젝트 섹션 구현
  • 성사된 프로젝트 섹션 구현
  • 서비스 소개 및 FAQ 카드 구현
  • 서비스 이용 후기 구현
  • CTA(Call to Action) 구현
  • Footer 구현
  • 반응형 구현

• 서비스 소개 페이지

  • 서비스 소개
  • CTA 구현
  • 반응형 구현

• 모든 프로젝트 보기 페이지

  • 카테고리별 프로젝트 조회
  • 진행중인 프로젝트 조회
  • 성사된 프로젝트 조회
  • 반응형 구현

• 프로젝트 상세보기 페이지

  • 프로젝트 조회/수정/삭제
  • 프로젝트 후원하기
  • 프로젝트 즐겨찾기 추가
  • 댓글 쓰기/조회/수정/삭제
  • 반응형 구현

• 프로젝트 작성 페이지

  • 공통
    • Header Tab 섹션
    • 저장하고 계속하기 버튼 구현
    • 반응형 구현
  • 기본정보
    • 프로젝트 제목 입력
    • 카테고리 설정
    • 해시태그 입력
    • 펀딩 기간 설정
    • 프로젝트 대한 한 줄 소개
    • 표지 이미지 설정
  • 예산 정보
    • 예상 항목 설정
    • 예산 사용계획 작성
    • 펀딩 총액 확인
  • 상세 내용
    • 프로젝트 배경 입력
    • 프로젝트 진행 상황
    • 프로젝트 목표
    • 추가 정보
    • 프로젝트 타임라인 및 설명
  • 팀 소개
    • 프로젝트 팀 또는 개인 SNS 추가
    • 프로젝트 팀 소개란
    • 팀 또는 개인 대표이미지 설정
    • 연구자의 한 마디

• 로그인 & 회원가입 모달

  • 회원가입 및 로그인 모달 구현
  • 유효성 검사_ 회원가입
  • 유효성 검사_ 로그인
  • 이용약관 및 개인정보취급방침 동의란 구현
  • 일반 로그인 & 로그아웃
  • 반응형 구현

• 마이페이지

  • 공통
    • 프로필 설정
    • 로그아웃
    • 반응형 구현
  • 나의 프로젝트
    • 나의 프로젝트 조회
    • 펀딩 경과 확인
    • 상세 프로젝트로 이동
  • 후원한 프로젝트
    • 후원한 프로젝트 조회
    • 펀딩 경과 확인
    • 상세 프로젝트로 이동
  • 즐겨찾기
    • 즐겨찾기 프로젝트 조회
    • 펀딩 경과 확인
    • 즐겨찾기 해제
  • 내가 쓴 댓글
    • 내가 쓴 댓글 모아보기
    • 내가 쓴 댓글로 이동

• 프로필 & 계정 설정 페이지

  • 프로필
    • 닉네임 변경
    • 프로필 이미지 변경
    • 자기소개 작성
  • 계정
    • 비밀번호 변경
    • 회원 탈퇴
    • 반응형 구현

• 404 페이지

  • 404 섹션 구현
  • 반응형 구현

• FAQ 페이지

  • FAQ 섹션 구현
  • 반응형 구현

🟡 Advanced

---

• 로그인 & 회원가입 모달
  • 회원가입 인증 메일 발송
  • Oauth(구글, 카카오) 로그인 & 로그아웃
• 모든 프로젝트 보기 페이지
  • 키워드 검색
  • 필터링
    • 최신순, 인기순, 성공 임박순, 마감 임박순
  • 무한 스크롤
• 후원 결제 시스템 구현
• 알림(Notification)
• 프로젝트 프리뷰
• 스크롤에 의한 애니메이션 적용
• 라이브러리 없이 캘린더 구현
• S3 파일 업로드
• 배포 자동화 설정
• 도메인 구매 및 HTTPS 배포
• w3c validator 통과
• husky로 커밋 메시지 규칙 자동 체크

🔴 Nightmare

---

• 후원 알림 메일 발송
• 맞춤형 프로젝트 추천
• 라이브러리를 사용하지 않은 드래그 앤 드랍
• lighthouse 각 항목 70점 이상 통과 (PWA 제외)