Skip to content

Send-wish/Front-End

Repository files navigation

간편하고 똑똑한 통합 장바구니 SendWish

여러 쇼핑몰의 장바구니 상품들을 한곳에서 볼 수 있고 공유 소통 할 수 있는 어플리케이션
2022.12.22 ~ 2023.01.28

서비스 설명

1. 화면 구성

  • 저희 서비스는 개인 장바구니, 공유 장바구니, 친구를 추가하고 채팅목록을 확인 할 수 있는 3개의 탭으로 구성되어 있습니다.

default.mov

2. 쇼핑몰에서 아이템 담아오기

  • 앱이 꺼져있을 때나, 백 그라운드 상태일 때에도 다른 쇼핑몰 앱내에서 공유하기 버튼 하나만으로 쉽게 상품정보를 앱으로 담아올 수 있습니다.
  • IOS의 Share-Extension을 커스터마이징하여 공유하기 모달 창을 직관적으로 변경하고, 서버와 통신할 수 있도록 만들었습니다.

default.MP4

3. 장바구니 만들고 아이템 담기

  • 목적이 각기 다른 장바구니들을 만들고 담아온 아이템을 쉽게 담아 분류하여 관리할 수 있습니다.

default.MP4

4. 공유 장바구니에서 친구와 소통하고 친구 취향 알아보기

  • 쇼핑의 목적이 동일한 의사결정자들과 같은 장바구니를 공유하고 채팅을 통하여 각자 담은 아이템을 확인하며, 소통할 수 있습니다.
  • 선물을 받는 친구가 존재한다면, 친구가 담은 아이템들의 카테고리를 자체적으로 분석하여 어떤 아이템을 선호할지 추천하는 시스템을 구현하였습니다.
  • 이미지 학습 AI모델인 TenseorFlower을 사전학습 시키고 활용해 상품이미지에 맞는 카테고리를 자동적으로 생성할 수 있습니다.

default.MP4

5. 채팅에서 아이템 확인하기

  • 다른 메신저들과 다르게, 각자 담은 아이템을 한 눈에 모아서 보여주기 때문에 훨씬 의사결정을 손쉽게 할 수 있습니다.

default.MP4

6. 채팅방에서 투표하기

  • 개인이 하는 쇼핑과 다르게, 그룹이 하는 쇼핑에서는 동시간대에 다 같이 의사결정하는 프로세스가 부족한 면이 있습니다.
  • 저희는 이러한 불편함을 해결할 수 있도록 다 같이 어떤 아이템이 좋은지 투표하고 1, 2, 3순위의 최종 후보군을 도출할 수 있도록 설계하였습니다.
  • 이는 WebSocket 패키지 중 하나인 Stomp를 활용해 구현하였으며, 아이템을 눌러 외부쇼핑몰로 이동해 바로 구매가능하도록 하였습니다.

default.MP4

기술적 아키텍처

아키텍처

포스터

sendwish 최종 포스터

About

RN for Sendwish Project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •