Skip to content

카드 혜택과 기프티콘 간편 제공 웹앱 프로젝트

Notifications You must be signed in to change notification settings

Fintech-Moic/Moic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

header

💚 팀원 역할 및 소개

Backend 역할 담당
임혜지 팀장 Jira, Entity 작성, 카드/지도/북마크 api, Redis GeoOperations 활용, QueryDSL 적용
김성재 팀원 Backend 환경, Infra, 기프티콘 api, Redis Z-Set기반 자동완성, 기타 캐싱 처리, 네이버 클로바 OCR 및 챗 GPT 외부 api 연동
김태현 팀원 SpringSecurity적용 JWT 기반 회원 관리 기능 구현, OAuth2 및 SMTP 적용 및 구현
Frontend 역할 담당
김수환 팀원 카드, 기프티콘 전체-상세 조회, 추가, 삭제 , 북마크 조회, 삭제
배희진 팀원 지도, 모빌리티(길찾기) API, 가맹점 혜택 상세 조회 컴포넌트
이의찬 팀원 로그인, 회원가입, 아이디/비밀번호 찾기, 마이페이지 등 회원관리 및 보안

😊 컨셉

잊고 지나치는 혜택들을 간편하게 "모아모아"

🌟 핵심 기능

💳 카드 혜택 확인

카드별 혜택을 장소별 혜택으로 전환!
검색을 통해 목적지에 혜택이 있는지 확인 가능!

🙆‍♀️ 사용자 맞춤 혜택 정보 제공 서비스

사용자의 카드 등록을 통한 혜택 확인!
사용자의 기프티콘 등록을 통해 잊지 않고 사용하도록 알림!

:map: 지도로 보기

주변에서 받을 수 있는 할인 혜택을 지도로 쉽게!
가고싶은 가맹점이 있다면 지도를 활용해서 장소를 검색!

⛺ 코스 추천

어디로 가야할지 고민하지 않도록!
사용자가 설정한 카테고리에 따라 코스 추천!

🔖 북마크

한번 가본 장소는 언제든지 다시 빠르게 볼 수 있게!
지도 서비스에서 북마크를 통해 기억에 남는 장소를 저장 가능!

🚥 사용자 시나리오


인프라 구조

개발 서버와 운영 서버의 구조는 동일
Untitled


기획서 URL
ERD https://www.erdcloud.com/d/896pMJBeE8ehic9kB
API https://ssafy-fintech.notion.site/34092fd6e239437f8a18f4881570a358?pvs=4
와이어프레임 https://www.figma.com/file/u16PFq6r076BbD3u2BE19u/A208?type=design&node-id=5%3A8&mode=design&t=N59zFVHcw7CEKPFl-1
목업 https://www.figma.com/file/HjKzbmqABJ1DIyrdBsxyKp/A208-Mockup?type=design&node-id=0%3A1&mode=design&t=uuPyU7XmuUxtSoTx-1

인프라

Untitled (5)

  • EC2 (Ubuntu 20.04.6)
  • docker (24.0.5)
  • jenkins (jenkins/jenkins:jdk17)
  • nginx (1.18.0 Ubuntu)
  • S3

관리 툴

Untitled (6)

백엔드

Untitled (7)

  • Springboot 3.1.3
  • SpringSecurity 6.1.3
  • MariaDB 11.1.2
  • Redis 7.2.1
  • QueryDSL 5.0.0

프론트엔드

Untitled (8)

  • 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

🌟 시나리오

스플래시 로그인
스플래시 로그인
  1. 최초에는 로그인 페이지로 이동하게 됩니다.

    로그인은 회원가입/카카오/구글 세가지 중 하나를 택할 수 있습니다.

    시연에서는 회원가입을 통한 로그인을 해보겠습니다.

약관동의 정보입력 비밀번호 입력
회원가입1 회원가입2 회원가입3
  1. 회원가입 페이지는 위와 같습니다.

    성별과 년도를 제외하고는 모두 필수로 응답해야 합니다.

회원 정보 찾기 아이디 찾기 비밀번호 찾기
아이디찾기1 아이디찾기2 아이디찾기3
  1. 만약 아이디와 비밀번호를 잊어버렸다면, 찾기가 가능합니다.

    비밀번호 찾기의 경우에는 이메일 인증 번호 발송을 통한 본인 인증 후 비밀번호 변경이 가능합니다.

메인 화면 우측 상단 메뉴
메인1 메인2
  1. 로그인 이후 페이지입니다.

    홈에서는 지도/경로 추천/기프티콘/카드 페이지로 이동할 수 있습니다.

    드롭바에서는 마이페이지/북마크 관리/VOC 로 이동할 수 있습니다.

회원 정보 확인 비밀번호 수정 1 비밀번호 수정 2
회원정보1 회원정보2 회원정보3
  1. 마이페이지에서는 회원정보 수정/비밀번호 수정/회원 탈퇴 가 가능합니다.
북마크 문의사항
북마크 문의
  1. 북마크 조회의 경우, 내가 설정한 북마크 리스트를 확인하고 수정할 수 있습니다.

    VOC 등록의 경우, 건의한 내용이 관리자 이메일로 발송됩니다.

카드 등록 내 카드 목록 카드 상세 정보
카드1 카드2 카드3
  1. 카드 페이지에서는 전체 카드 조회/내 카드 추가 및 삭제/카드별 혜택 확인이 가능합니다.
카테고리 선택 자동완성 가맹점 상세 정보
지도1 지도2 지도3
  1. 지도 페이지에서는 카테고리별 조회/혜택 가맹점 검색/가맹점 상세조회가 가능합니다.

    혜택 보러 가기를 클릭하면 카드와 혜택을 확인할 수 있습니다.

내 기프티콘 목록 기프티콘 등록 1 기프티콘 등록 2 기프티콘 등록 성공 기프티콘 상세 조회
기프티콘1 기프티콘2 기프티콘3 기프티콘4 기프티콘5
  1. 기프티콘 페이지에서는 내 기프티콘 조회/등록/삭제/상세조회가 가능합니다.

    기프티콘 등록의 경우, 이미지 업로드를 통해 이루어집니다.

About

카드 혜택과 기프티콘 간편 제공 웹앱 프로젝트

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages