한여름의 땡볕 더위에 빈자리가 없을 수 있는 매장을 방문하는 불안함, 실제로 자리가 없어 다른 곳을 찾아 가는 안타까움을 겪고 만들게 된 페이지.
등록된 매장에 현재 자리가 있는지 여부를 알 수 있고 자리에 앉거나 방문 전에 미리 자리를 지정하고 주문을 할 수 있는 페이지.
유저가 운영하는 매장에 대한 정보를 만들어 매장 정보, 메뉴, 좌석, 주문 내용을 관리할 수 있음.
- 총원 : 4명
- Front-end : 고지은, 신현미
- Back-end : 김규환, 이근영
- UI Design : 고지은
- 개발 기간 : 2021.08.19. ~ 2021.09.13.
- 리팩토링 : 김규환
- 리팩토링 기간 : 2022.07.29. ~ 2022.09.02.
-
개발환경(IDE) : Eclipse
-
서버 : Apach Tomcat v8.5
-
DB : Oracle Database 10g v10.2.0.1 (Mybatis v1.2.0), DBdiagram
-
협업 : Notion
-
버전 관리 : Github
-
디자인 툴 : figma
-
Frontend : html5, css, javascript, sweetalert, bootstrap
-
Backend : Java 8, SpringFramework v4.0.0, jstl v1.2
인덱스 페이지 이미지
- 매장 검색 기능 (지역, 검색 키워드 필터)
- 메인 페이지로의 이동
- 로그인 페이지로의 이동
로그인 페이지 & 회원 가입 form 이미지
- 로그인
- 유효성 검사를 통한 회원 가입(form modal)
메인 페이지 & 사이드 바 이미지
- 지역이나 검색 키워드에 맞는 매장 정보를 카드 형식으로 보여줌
- 사이드 바 (로그인/마이 페이지, 매장 관리 목록, 로그 아웃)
매장 관리 페이지 이미지
- 매장의 정보를 관리 (상호명, 주소, 전화번호, 영업시간, 태그, 대표 이미지, 매장 정보 삭제)
- 매장이 검색에 노출시킬지 여부 결정 (매장 열기/닫기)
- 매장의 메뉴, 리뷰, 주문, 자리를 관리하는 페이지로의 이동
매장 메뉴 관리 페이지 이미지
- 매장 메뉴의 카테고리 추가/제거
- 매장 메뉴 추가/제거
- 매장 대표 메뉴 설정 (4개까지)
매장 리뷰 관리 페이지 이미지
- 매장 이용자의 리뷰 확인
- 매장 관리자의 답글 작성
매장 주문 관리 페이지 이미지
- 이용자의 주문 정보를 확인 (이용자의 이름, 주문 내역, 결제 금액)
- 주문 내용을 관리자가 승인
- 페이지 새로고침을 통한 주문 내역 업데이트
매장 자리 관리 페이지 이미지
- 매장 좌석 배치도 이미지 업로드
- 매장 좌석 정보 변경
매장 상세 정보 페이지 이미지
- 매장 정보 확인 (상호명, 평균 별점, 태그, 주소, 전화번호, 영업 시간)
- 매장 자리 확인
- 매장 리뷰 확인
- 매장 메뉴 확인
- 주문 페이지로 이동 전에 자리 선택
주문 페이지 이미지
- 자리 선택 후 주문 페이지로 이동
- 메뉴와 수량 선택
- 총 결제 금액 확인 후 주문
마이 페이지 이미지
- 계정 정보 변경 (프로필 사진, 이름, 비밀번호, 관심 태그 정보)
- 이용 내역 확인 (상호명, 이용 시간, 주문 내역, 결제 금액)
- 주문 매장 리뷰 확인
- 주문 내역에 대한 리뷰 작성/수정/삭제