🎁 GiftU Frontend

✨기획: 2024.03.12.-2024.04.09.
✨디자인: 2024.05.21.-2024.06.30.
✨개발: 2024.07.02.-2024.08.10.

선물 펀딩 서비스 <GiftU>

처치 곤란 카페 기프티콘 대신, 원하는 선물을 받을 수 있다면? 가격 부담 없이, 진심을 담아 선물하고 싶다면? GiftU에서 선물 펀딩을 열어 보세요! 하나의 펀딩에 선물을 여러 개 추가하여 달성 여부와 상관없이 모금액 이하의 최고가 선물을 받아요. 축하 메시지와 선물 후기를 주고받으며 소중한 추억을 쌓아봐요.

🔗 GiftU 바로가기

⭐️ Member

성혜린	조아령	이승진	이찬희
Product Manager Frontend Lead	Frontend Lead	Frontend Intern	Frontend Intern
담당 파트 퍼블리싱 공통 UI 캐러셀 다이얼로그 바텀시트 슬라이드업 모달 토스트 스피너 가격 인풋필드 페이지 로그인 페이지 홈 페이지 친구 페이지 펀딩 개설 > 선물 정보입력 페이지 펀딩 개설 > 완료 페이지 API 연결 API 요청 Hook 카카오 로그인/회원가입 엑세스 토큰 재발급 친구 요청 친구 요청 수락 친구 요청 거절 친구 조회 최근 내 펀딩에 참여한 친구 조회 친구 삭제 펀딩 상세 조회 페이지 카카오 로그인/회원가입 액세스 토큰 재발급 친구 페이지 기타 프로젝트 초기 세팅 Axios 인스턴스 관리 API 요청 로직 관리 라우팅 path 관리 및 접근 권한 인증/인가 HOC 작업 Context API 조건부 렌더링 및 데이터 관리 배포 README 작성 매주 코드 리뷰 매주 전체 코드 리팩토링	담당 파트 퍼블리싱 공통 UI 버튼 뒤로가기 헤더 스크롤 최상단 조정 바텀 백그라운드 페이지 홈 페이지 캘린더 컴포넌트 펀딩 개설 > 선물 추가 페이지 펀딩 상세 페이지(개설자) 펀딩 상세 페이지(미참여자) 펀딩 상세 페이지(기참여자) 펀딩 참여 > 정보입력 페이지 펀딩 참여 > 완료 페이지 API 연결 API 요청 Hook 포트원 결제 유저 조회 유저 정보 수정 회원 탈퇴 2주 날짜별 펀딩 개설 여부 조회 마감일별 펀딩 목록 조회 페이지 포트원 결제 홈 페이지 캘린더 컴포넌트 펀딩 상세 페이지(개설자) 펀딩 상세 페이지(미참여자) 펀딩 상세 페이지(기참여자) 펀딩 참여 페이지 기타 이슈 템플릿 README 작성 매주 코드 리뷰	담당 파트 퍼블리싱 공통 UI 태그 필터 페이지 알림 페이지 검색 페이지 프로필 편집 페이지 선물후기 작성 페이지 축하메세지 작성 페이지 튜토리얼 페이지 API 연결 API 요청 Hook 모든 알림 조회 친구 알림 조회 펀딩 알림 조회 검색 선물 후기 생성 선물 후기 조회 선물 후기 수정 선물 후기 삭제 축하메시지 수정 PATCH 페이지 알림 페이지 검색 페이지 프로필 편집 페이지 선물후기 작성 페이지 축하메세지 작성 페이지	담당 파트 퍼블리싱 공통 UI 네비게이션바 datepicker 비밀번호 입력 펀딩 요소 태그 페이지 마이 페이지 내가 만든 펀딩 목록 페이지 내가 참여한 펀딩 목록 페이지 펀딩 개설 > 펀딩 정보입력 페이지 펀딩 개설 > 공개/비공개 설정 페이지 API 연결 API 요청 Hook 펀딩 개설 비공개 펀딩 비밀번호 인증 펀딩 참여 펀딩 참여 취소 펀딩 목록 조회(내가 개설한) 펀딩 목록 조회(내가 참여한) 펀딩 목록 조회(친구가 개설한) 펀딩 삭제 페이지 우편번호 찾기 펀딩 개설 마이 페이지(시작) 내가 만든 펀딩 목록 페이지 내가 참여한 펀딩 목록 페이지

🚀 Get Started

$ git clone https://github.com/EFUB-GeumJaSsi/GiftU-Front.git
$ cd GiftU-Front
$ npm install
$ npm start

⚙️ Stack

Config & Package Management

Core Technologies

Styling

Data Handling

Utilities

Deployment

📁 Directory

📦src
├─ 📂api               # API 호출 로직 관리
├─ 📂assets            # 이미지 파일 (페이지, 컴포넌트별 분류)
├─ 📂components
│  ├─ 📂common         # nav, button 등 공통 컴포넌트
│  ├─ 📂Friend         # 친구 페이지 컴포넌트
│  ├─ 📂FundingInfo    # 펀딩 상세 페이지 컴포넌트
│  ├─ 📂Home           # 홈 페이지 컴포넌트
│  ├─ 📂List           # 목록 페이지 컴포넌트
│  ├─ 📂Notification   # 알림 페이지 컴포넌트
│  ├─ 📂Search         # 검색 페이지 컴포넌트
│  └─ 📂Tutorial       # 튜토리얼 페이지 컴포넌트
├─ 📂hoc               # 고차 컴포넌트 (라우팅 접근 권한 인증/인가 HOC)
├─ 📂hooks             # 커스텀 Hook
├─ 📂pages
│  ├─ 📂Edit           # 축하메시지 작성 페이지, 선물후기 작성 페이지 관련
│  ├─ 📂Friend         # 친구 페이지 관련
│  ├─ 📂FundingInfo    # 펀딩 상세 페이지 관련
│  ├─ 📂FundingJoin    # 펀딩 참여 페이지 관련
│  ├─ 📂FundingOpen    # 펀딩 개설 페이지 관련
│  ├─ 📂Home           # 홈 페이지 관련
│  ├─ 📂List           # 내가 만든 펀딩 목록 페이지, 내가 참여한 펀딩 목록 페이지 관련
│  ├─ 📂Login          # 로그인 페이지 관련
│  ├─ 📂My             # 마이 페이지 관련
│  ├─ 📂Notification   # 알림 페이지 관련
│  ├─ 📂ProfileEdit    # 프로필 편집 페이지 관련
│  ├─ 📂Search         # 검색 페이지 관련
│  └─ 📂Tutorial       # 튜토리얼 페이지 관련
├─ 📂styles            # 공통 스타일 관련
├─📜App.js
└─📜index.js

🎈 Feature