🛍️프로젝트 개요

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

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

개발 배경

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

주요 기능

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

API

서울시설공단

• 지하도상가 배치도

팀원 및 역할분담

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

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

✨demo video

주요 기능

• 백엔드 연결

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

• 메인 페이지

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

• 지하도상가 지도

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

• 온라인 쇼핑

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

🛍️Screen 구성

🛍️결과 화면

✨로그인

✨마이페이지

✨매장 검색

✨매장 정보

✨매장지도

✨카테고리별 매장 분류

✨채팅을 통한 매장 Q&A

✨상품목록

✨상점목록

✨상점 검색

✨연관상품 추천

✨채팅을 통한 상품 구매

✨채팅목록