Skip to content

y78462/UntactShop

Repository files navigation

🛍️프로젝트 개요

logo

카테고리별로 지하도상가 지도 정보를 제공하고 점포 내 상품을 온라인으로 구매할 수 있도록 하는 어플리케이션입니다.

지하도상가 지도 정보를 사용하기 위해 서울시설공단 의 open API를 사용하였습니다.

개발 배경

코로나 19가 장기화되고 언택트 시대가 도래하며 공공시설 이용이 눈에 띄게 줄었고 이는 소상공인의 매출 급감과 폐업 점포의 급증으로 이어집니다. 따라서 지하상가 내 상품 접근성을 향상시키고, 지하상가 이용의 편의성을 제공하기 위해 지하도상가 상품 온라인 구매 앱 서비스(이하 Untact Shop)를 제안하게 되었습니다.

주요 기능

  • 지하도상가 점포별 상품 확인
  • 온라인 구매 서비스
  • 실시간 채팅을 통한 Q&A
  • 지하도상가 점포 위치 확인
  • 상품 카테고리별 점포 분류

API

서울시설공단

  • 지하도상가 배치도

팀원 및 역할분담

@rlagksql219 @lye2i @y78462 @HwangJaeHwan
• 매장 검색
• 채팅 기능
• 데이터베이스 구축
• 상품목록, 상점목록, 채팅목록
• 데이터베이스 구축
• 로그인, 마이페이지, 연관상품추천기능,
• 웹서버 구축
• 카테고리별 매장 분류 지도, 가게별 위치 맵핑기능
• 웹서버 구축 및 데이터베이스 구축

🛍️프론트엔드 기능 구현 사항

demo video

주요 기능

  • 백엔드 연결

    • 지하도상가 점포 데이터베이스 구축
    • Firebase를 이용해 웹서버 구축
  • 메인 페이지

    • 지도보기
    • 쇼핑하기
    • 로그인, 회원가입
  • 지하도상가 지도

    • 매장 검색
      • 위치정보
      • 매장정보
    • 카테고리별 매장 분류
      • 패션의류, 음식점, 쇼핑미용, 기타매장, 디지털가전, 공방, 편의시설 등으로 분류
    • 채팅을 통한 매장 Q&A
      • 지도 내에서 점포 클릭 시, 페이지 전환
  • 온라인 쇼핑

    • 상품목록
    • 상점목록
      • 상점 검색
    • 채팅목록
    • 마이페이지
      • 개인정보 수정
    • 채팅을 통한 상품 구매
      • 연관상품 추천

🛍️Screen 구성

layout final

🛍️결과 화면

✨로그인

1 로그인

✨마이페이지

2 마이페이지

✨매장 검색

3 매장 검색

✨매장 정보

4 매장 정보

✨매장지도

5 매장지도

✨카테고리별 매장 분류

6 카테고리별 매장 분류

✨채팅을 통한 매장 Q&A

7 채팅을 통한 매장 Q A

✨상품목록

8 상품목록

✨상점목록

9 상점목록

✨상점 검색

10 상점 검색

✨연관상품 추천

11 연관상품 추천

✨채팅을 통한 상품 구매

12 채팅을 통한 상품 구매

✨채팅목록

13 채팅목록

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages