Skip to content

서비스 이용자 중 관리자가 이용하는 웹 저장소

Notifications You must be signed in to change notification settings

seat-checking/web-admin

Repository files navigation

Frame 1000005285

Seat Sense v1.0

개발기간: (2023.06 ~ 진행중)

배포 주소

유저 서버 : https://myuser.seat-sense.site
관리자 서버 : https://admin.seat-sense.site

테스트 계정

유저 계정

관리자 계정

개발팀 소개

이름 GitHub 이메일
[FE]손수민 손수민 [email protected]
[FE]최우영 최우영 [email protected]
[BE]조유진 조유진 [email protected]
[BE]김영빈 김영빈 [email protected]
[BE]현예림 현예림 [email protected]

프로젝트 소개

다양한 상업 공간의 관리자가 실시간으로 자신의 공간을 등록하고 관리할 수 있으며 일반 유저들은 좌석이나 공간을 예약할수 있는 서비스

시작 가이드

Requirements

For building and running the application you need:

Installation

React React DOM TypeScript Styled Components Ant Design Axios Day.js React Query React Router Dom React Toastify Zustand React Hook Form Testing Library React Intersection Observer React Resizable React Grid Layout React Daum Postcode Browser Image Compression Web Vitals

Frontend

$ git clone https://github.com/seat-checking/web-admin.git
$ nvm install
$ nvm use
$ yarn install
$ yarn start

Stacks 🐈

Development

React TypeScript Styled Components Zustand React Query ESLint Prettier Husky

Communication

Discord Notion Figma

화면 구성 📺

회원가입 로그인 페이지
가게 설정 페이지
좌석 설정 페이지
좌석현황 페이지

주요 기능 📦

⭐️ 로그인 및 회원가입

  • 간편한 절차: 직관적이고 사용하기 쉬운 디자인으로 누구나 쉽게 회원가입 및 로그인을 할 수 있습니다.

⭐️ 상세페이지

  • 실시간 사용 가능 여부 확인: 플레이스 리스트를 클릭하면, 해당 플레이스의 좌석 및 공간 사용 여부를 실시간으로 확인할 수 있습니다.
  • 플레이스 상세 정보 제공: 플레이스별 상세 정보를 통해 사용자는 필요한 정보를 빠르게 얻을 수 있습니다.

⭐️ 예약현황

  • 관리자 승인 기반 예약 시스템: 사용자가 예약 신청을 하면, 관리자의 승인을 거쳐야 예약이 확정됩니다.
  • 실시간 예약 상태 확인: 예약이 승인, 취소, 또는 거절되었는지의 여부를 실시간으로 확인할 수 있습니다.
  • 예약 관리 용이성: 대기 중인 예약에 대해 사용자가 직접 취소할 수 있는 기능을 제공합니다.
  • 과거 예약 기록 조회: 과거에 진행했던 예약들의 상세 기록을 조회하고 관리할 수 있습니다.

⭐️ 예약기능

  • 유연한 예약 옵션: 사용자는 원하는 좌석이나 공간을 선택하여 즉시 사용하거나, 특정 날짜에 예약할 수 있습니다.
  • 그룹 예약 참여: 한 사용자가 공간을 예약하고 승인을 받으면, 다른 사용자들도 해당 예약에 참여 신청을 할 수 있습니다.
  • 협업과 모임 용이: 스터디 그룹이나 회의 등을 위해 한 명이 공간을 예약하고, 나머지 그룹 구성원들이 쉽게 참여할 수 있어 팀 활동에 적합합니다.
  • 중앙화된 예약 관리: 한 예약에 여러 사용자가 참여함으로써, 예약 관리가 통합되고 중앙화되어 관리가 용이해집니다.

⭐️ 가게 배치도 제작 기능

  • 테이블, 의자 배치: 드래그앤 드롭을 통해 간편하게 테이블과 의자를 배치할 수 있습니다.
  • 가게, 테이블 크기 조절: 마우스 드래그 혹은 화살표 버튼을 통해 가게와 테이블의 크기를 조절할 수 있습니다.

⭐️ 가게 방 설정 기능

  • 방 추가, 수정, 삭제: 여러 방으로 분리된 형태의 가게에서도 사용할 수 있도록 방 추가, 수정, 삭제가 가능합니다
  • 방 별 예약 단위 설정: 유저가 방을 예약할 수 있는 단위를 선택할 수 있습니다 (좌석 1개 혹은 방 전체)    

⭐️ 가게 설정 커스텀

  • 가게 정보 변경: 가게 위치, 이름, 소개 문구, 영업시간을 직접 설정할 수 있습니다.
  • 설문지 제작: 설문지를 제작하여 사용자로부터 예약을 받을 때 원하는 데이터를 수집할 수 있습니다.
  • 직원 등록 및 권한 설정: 관리자 웹페이지를 함께 볼 수 있는 직원 계정을 추가할 수 있습니다. 이때 권한을 설정함으로써 접근 가능한 페이지에 제한을 둘 수 있습니다.

About

서비스 이용자 중 관리자가 이용하는 웹 저장소

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published