/TripRecorder

신한 '스토리뱅크'를 SNS로 확장하기👀

Primary LanguageJavaScript

TripRecorder

👨‍👩‍👧‍👦 멤버

채희 은빈 용준 준호
은빈 준호
hee2425 svbean77 dltlaos11 junjuno

프로젝트 구조

플로차트

플로차트

테이블 구조

테이블구조

기술 스택

tripRecorder 기술스택

시연

로그인 전 메인화면

  • 전체 공개 게시글 조회

01_메인

  • 경비 정보 조회 시 결제 금액 제한
  • 경비 상세 제한

02_로그인전

회원가입 및 로그인

  • 아이디, 닉네임, 이메일 중복 체크

03_회원가입

로그인 후 메인화면

  • 본인 게시글 + 팔로우의 전체 공개, 팔로우 공개 게시글 조회

프로필 수정

  • 본인 프로필에서 수정 가능

04_프로필수정

여행 등록

  • 등록한 여행은 각각 폴더로 관리
  • 여행 내 최신 게시글 사진을 썸네일 형태로 조회

05_여행등록

게시글 등록 및 조회

  • 연결할 경비, 제목, 메모, 사진, 해시태그, 공개범위 입력
  • 좋아요, 댓글 기능

06_게시글등록

  • 게시글 첫 번째 사진을 썸네일 형태로 조회

07_썸네일확인

경비 등록 및 조회

  • 여행 총 예산, 사용 금액, 남은 금액 출력
  • 수기 등록 or 영수증 OCR 등록
    • OCR 등록시 사용처, 장소, 여행 경비, 거래 일시 자동 입력
  • 연결할 게시글, 제목, 결제수단, 사용처, 장소, 여행 경비, 거래 일시, 결제 카테고리 입력
  • 게시글 조회 시 경비 정보 모달
    • 로그인 전과는 다르게 결제 금액 조회 가능
    • 결제 상세 조회 가능
  • 경비 변화
    • 총 경비, 사용 금액, 남은 금액
    • 경비의 간단한 정보 조회

08_경비등록

여행 삭제

  • 여행에 속한 게시글, 경비 일괄 삭제

09_카테고리삭제

검색

  • 닉네임 검색
    • 검색어를 닉네임에 포함하는 사용자와 여행, 게시글 수 출력

10_닉네임검색

  • 해시태그 검색
    • 해시태그를 사용해 게시글 검색

11_해시태그검색

팔로우

  • 팔로우
    • 해당 사용자의 팔로워, 본인의 팔로우 증가
    • 메인페이지에서 해당 사용자의 게시글 조회 가능

12_팔로우

  • 언팔로우
    • 해당 사용자의 팔로워, 본인의 팔로우 감소
    • 메인페이지에서 해당 사용자의 게시글 조회되지 않음

13_언팔로우

인기카드

  • 경비 등록시 선택한 결제 카드, 카테고리를 바탕으로 사용자들이 많이 선택한 상위 3개의 카드 보여줌
  • 소비 금액 입력하면 해당 카드 사용시 받을 수 있는 혜택 계산 및 조회
  • 해당 카드의 페이지로 이동하여 가입 유도

14_인기카드