Backend | 역할 | 담당 |
---|---|---|
임혜지 | 팀장 | Jira, Entity 작성, 카드/지도/북마크 api, Redis GeoOperations 활용, QueryDSL 적용 |
김성재 | 팀원 | Backend 환경, Infra, 기프티콘 api, Redis Z-Set기반 자동완성, 기타 캐싱 처리, 네이버 클로바 OCR 및 챗 GPT 외부 api 연동 |
김태현 | 팀원 | SpringSecurity적용 JWT 기반 회원 관리 기능 구현, OAuth2 및 SMTP 적용 및 구현 |
Frontend | 역할 | 담당 |
---|---|---|
김수환 | 팀원 | 카드, 기프티콘 전체-상세 조회, 추가, 삭제 , 북마크 조회, 삭제 |
배희진 | 팀원 | 지도, 모빌리티(길찾기) API, 가맹점 혜택 상세 조회 컴포넌트 |
이의찬 | 팀원 | 로그인, 회원가입, 아이디/비밀번호 찾기, 마이페이지 등 회원관리 및 보안 |
카드별 혜택을 장소별 혜택으로 전환!
검색을 통해 목적지에 혜택이 있는지 확인 가능!
사용자의 카드 등록을 통한 혜택 확인!
사용자의 기프티콘 등록을 통해 잊지 않고 사용하도록 알림!
주변에서 받을 수 있는 할인 혜택을 지도로 쉽게!
가고싶은 가맹점이 있다면 지도를 활용해서 장소를 검색!
어디로 가야할지 고민하지 않도록!
사용자가 설정한 카테고리에 따라 코스 추천!
한번 가본 장소는 언제든지 다시 빠르게 볼 수 있게!
지도 서비스에서 북마크를 통해 기억에 남는 장소를 저장 가능!
🎿 기술 스택
- EC2 (Ubuntu 20.04.6)
- docker (24.0.5)
- jenkins (jenkins/jenkins:jdk17)
- nginx (1.18.0 Ubuntu)
- S3
- Springboot 3.1.3
- SpringSecurity 6.1.3
- MariaDB 11.1.2
- Redis 7.2.1
- QueryDSL 5.0.0
- Next.js 13. 4.19
- Typescript 5.1
- Tailwind CSS 3.3.2
- React Query 4.33
- Jotai 2.4.1
- Framer-Motion 10.16.4
📽️ 시연 영상
스플래시 | 로그인 |
-
최초에는 로그인 페이지로 이동하게 됩니다.
로그인은
회원가입/카카오/구글
세가지 중 하나를 택할 수 있습니다.시연에서는 회원가입을 통한 로그인을 해보겠습니다.
약관동의 | 정보입력 | 비밀번호 입력 |
-
회원가입 페이지는 위와 같습니다.
성별과 년도를 제외하고는 모두 필수로 응답해야 합니다.
회원 정보 찾기 | 아이디 찾기 | 비밀번호 찾기 |
-
만약 아이디와 비밀번호를 잊어버렸다면, 찾기가 가능합니다.
비밀번호 찾기
의 경우에는 이메일 인증 번호 발송을 통한 본인 인증 후 비밀번호 변경이 가능합니다.
메인 화면 | 우측 상단 메뉴 |
-
로그인 이후 페이지입니다.
홈에서는
지도/경로 추천/기프티콘/카드
페이지로 이동할 수 있습니다.드롭바에서는
마이페이지/북마크 관리/VOC
로 이동할 수 있습니다.
회원 정보 확인 | 비밀번호 수정 1 | 비밀번호 수정 2 |
- 마이페이지에서는
회원정보 수정/비밀번호 수정/회원 탈퇴
가 가능합니다.
북마크 | 문의사항 |
-
북마크 조회
의 경우, 내가 설정한 북마크 리스트를 확인하고 수정할 수 있습니다.VOC 등록
의 경우, 건의한 내용이 관리자 이메일로 발송됩니다.
카드 등록 | 내 카드 목록 | 카드 상세 정보 |
카드
페이지에서는전체 카드 조회/내 카드 추가 및 삭제/카드별 혜택 확인
이 가능합니다.
카테고리 선택 | 자동완성 | 가맹점 상세 정보 |
-
지도
페이지에서는카테고리별 조회/혜택 가맹점 검색/가맹점 상세조회
가 가능합니다.혜택 보러 가기를 클릭하면 카드와 혜택을 확인할 수 있습니다.
내 기프티콘 목록 | 기프티콘 등록 1 | 기프티콘 등록 2 | 기프티콘 등록 성공 | 기프티콘 상세 조회 |
-
기프티콘
페이지에서는내 기프티콘 조회/등록/삭제/상세조회
가 가능합니다.기프티콘 등록의 경우, 이미지 업로드를 통해 이루어집니다.