Git Product home page Git Product logo

web-user's Introduction

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 Node.js React Query Axios Styled Components Swiper React Router Dom TypeScript React Hook Form Testing Library Storybook

Frontend

$ git clone https://github.com/seat-checking/web-user.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

화면 구성 📺

회원가입 로그인 페이지
플레이스 목록 페이지 플레이스 검색 페이지
플레이스 상세 페이지 예약 페이지
예약현황 페이지

주요 기능 📦

⭐️ 로그인 및 회원가입

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

⭐️ 상세페이지

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

⭐️ 예약현황

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

⭐️ 예약기능

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

web-user's People

Contributors

wooyoung6685 avatar sonmansu avatar benjaminuj avatar

web-user's Issues

[feature] project-setting

Description

폰트 라이브러리 설치
story book 설치, 세팅
theme (색상 변수) 설정
global style 설정

Data

Acceptance Criteria

  • [ ]

[feature] 프로젝트 초기 셋팅

Description

프로젝트 초기 셋팅함

  1. create react app + TS
  2. eslint + prettier setting
  3. nvmrc
  4. pre-commit, husky (eslint, prettier, TS)

Data

Acceptance Criteria

  • [ ]

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.