👛장보장

목차

1. 웹 서비스 소개
2. 기술 스택
3. 주요 기능
4. 프로젝트 구성도
5. 데모 영상
6. 개발 팀 소개
7. 개발 기간 및 일정
8. Git convention
9. 실행 방법

---

👛 웹 서비스 소개

웹RTC를 이용한 전통시장 라이브 상점

집에서도 편하게 온라인으로 물건을 직접 골라 살 수 있어요.

🛠 기술 스택

Front-end 기술 스택
Back-end 기술 스택
Server 기술 스택
배포	현재는 중단
노션	👉 노션 바로가기

💡 주요 기능

화면	기능
	시장 검색 지역, 이름으로 전국에 있는 전통시장 검색을 할 수 있습니다.
	주문하기 webRTC 방에 들어가 상점의 아이템을 주문합니다.
	호출하기 문의사항이 있을때 상인을 호출할 수 있습니다.
	방만들기 판매자는 방을 만들어 장사를 시작할 수 있습니다.
	상점관리 상점의 정보, 판매할 상품을 입력합니다.
	주문서 조회 WebRtc 라이브 방에서 구매자들이 주문한 내역을 실시간으로 확인 가능합니다.
	덤 주기 판매자는 구매자에게 주문서를 확인하고 덤추가를 할 수 있다.

📂 프로젝트 구성도

아키텍쳐(Archtecture)
개체-관계 모델 (ERD)

👨‍👩‍👧‍👦 개발 팀 소개

박종선 (Back-end & 팀장)	윤혜진 (Back-end)	허설 (Back-end)	이경무 (Front-end)	한재승 (Front-end)

이름	역할	개발 내용
박종선	Back-end 팀장	Back-end - DB 설계 - 회원 (판매자/구매자) 관련 API 작성 - JWT 로그인 구현
윤혜진	Back-end	Back-end - DB 설계 - 공공API를 활용한 전통시장, 지역 데이터 처리 - Market 관련 API 작성 - Order 관련 API 작성 Front-end - Openvidu 채팅 기능 - 전체적인 디자인 담당
허설	Back-end	Back-end - DB 설계 - Store 관련 API 작성 - Item 관련 API 작성 CI/CD - AWS 배포 환경 구축
이경무	Front-end	Front-end - 판매자 회원 관련 기능 구현     - 메뉴 등록, 가게 등록/오픈, 거래내역 - Openvidu 활용 실시간 화상스토어 구현(판매자)     - 호출 연결, 덤 증정, 주문 확인
한재승	Front-end	Front-end - 구매자 회원 관련 기능 구현     - 회원가입, 회원정보 수정, 로그인     - 시장 검색, 가게 찜 등록 - 판매자 회원 관련 기능 구현     - 회원가입, 로그인 - Openvidu 활용 실시간 구매 구현(구매자)     - 메뉴 확인, 주문서 작성 및 신청

📅 개발 기간

22.07.05. ~ 22.08.19

🦊 git convention

Emoji	Code	기능	Description
✨	:sparkles:	Feat	새 기능
♻️	:recycle:	Refactor	코드 리팩토링
🔧	:wrench:	Chore	리소스 수정/삭제
🐛	:bug:	Fix	버그 수정
📝	:memo:	Docs	문서 추가/수정
💄	:lipstick:	Style	UI/스타일 파일 추가/수정
🎉	:tada:	Init	프로젝트 시작 / Init
🔀	:twisted_rightwards_arrows:	Merge	브랜치 합병
👷	:construction_worker:		CI 빌드 시스템 추가/수정
🚀	:rocket:	Deploy	배포

💻 실행 방법

Client 실행

1. 원격 저장소 복제

$ git clone https://lab.ssafy.com/s07-webmobile1-sub2/S07P12A602

2. 프로젝트 폴더로 이동

$ cd frontend

3. 필요한 node_modules 설치

$ npm install

4. 개발 서버 실행

$ npm run serve

Server 실행