Skip to content

DdingSroom/dding-sroom-frontend

Repository files navigation

🏫 dding-sroom-frontend

[2025-MJU] 명지대학교 학생회관 4층 스터디룸 대여 서비스 - 띵스룸 (Frontend)

🏆 2025 명지대학교 창의적 SW 프로그램 경진대회 장려상 수상작


1. 서비스 개요

띵스룸(DdingsRoom)
명지대학교 학생회관 4층에 위치한 1~5번 스터디룸을 쉽고 편리하게 예약할 수 있도록 개발된 스터디룸 대여/관리 서비스입니다.

  • 기존 도서관 스터디룸 예약 앱과 유사한 UI/UX 및 프로세스를 반영
  • 학생회관에서도 도서관과 동일한 방식으로 예약 가능
  • 예약 시스템을 통해 공정한 사용 환경 보장
  • 2025년 8월 17일 ~ 8월 31일 시범 운영을 거쳐, 명지대학교 학생지원팀의 승인 하에 9월 1일부터 학교 공식 시스템으로 운영 중

2. 기존 문제점과 한계

자유롭게 드나들 수 있었던 기존 ‘학생회관 스터디룸’에서는 다음과 같은 문제가 존재

문제점 상세 내용
장시간 자리 차지 일부 사용자가 장시간 자리를 차지해 대다수 학생이 사용 불가
음식물 섭취 & 정리 미흡 음식물 섭취 후 뒷정리 부족 → 위생 저하
짐을 두고 방치 개인이 짐을 두고 장기간 독점 사용 → 공정성 저해

3. 띵스룸이 제시한 해결책

띵스룸은 도서관 앱 수준의 스마트한 예약 시스템을 학생회관에 그대로 도입

  • 명확한 예약 시스템 도입
    예약 없이는 사용 불가 → 모든 학생이 동등하게 이용
  • 시간별 사용 관리
    예약 시간 준수 → 불필요한 독점 방지
  • 예약 내역 기반 관리
    사용 내역 및 시간 확인·조정 가능
  • 건의하기 기능
    보드마카 부족·위생 문제 등 불편사항을 쉽게 전달
    사용자 의견 기반 개선 가능

4. 주요 기능 소개

🔑 회원가입

학교 이메일(@mju.ac.kr) 인증 → 비밀번호/닉네임 설정 → 개인정보 처리방침 동의 후 완료
Image Image Image Image


🔓 로그인

가입한 이메일/비밀번호 입력 후 로그인 → 홈으로 이동
Image


🗓️ 예약하기

오늘/내일 탭에서 원하는 방과 시간 선택 → 예약 단위: 1~2시간 → 연속 예약 제한
Image Image Image Image


👤 마이페이지

내 예약 내역 확인 및 취소, 닉네임/비밀번호 변경, 로그아웃/회원탈퇴
Image Image Image Image Image image Image


🔓 비밀번호 재설정

학교 이메일(@mju.ac.kr) 인증 → 비밀번호 재설정 → 완료
Image Image


💬 커뮤니티

자유글, 질문/답변, 공간 후기 공유
Image Image Image


📝 건의하기

스터디룸 내 불편사항(위생, 보드마카 부족 등)을 간편하게 전달
Image image


📢 공지사항

관리자(학생지원팀)가 등록한 공지가 실시간으로 사용자 화면에 반영
Image


🛠️ 관리자 페이지

학생지원팀 전용 페이지 → 예약 현황, 유저 관리, 건의사항 확인, 공지 등록 가능
image image image image image image image image


5. 예약 프로세스

  • 학생 1명이 스터디룸을 예약 가능
  • 예약 단위: 1시간 또는 2시간
  • 동일 룸에서 연속 예약 불가
  • 예약 가능 범위: 당일 및 익일

6. 기술 스택 (Frontend)

  • Framework: Next.js
  • Language: JavaScript
  • State Management: Zustand
  • Styling: TailwindCSS
  • Deploy: Vercel

7. 프로젝트 배포 및 링크

  • 공식 서비스 페이지: https://www.ddingsroom.com/
  • 운영 현황: 2025년 8월 17일 ~ 8월 31일 시범 운영 완료 후, 9월 1일부터 공식 운영 중

8. 향후 계획 (Frontend)

  1. 서비스 내 건의하기 기능띵스룸 공식 이메일을 통해 들어오는 사용자 요구사항과 학생지원팀의 요청을 상시 확인하고 반영하여 서비스 디벨롭
  2. Typescript로 마이그레이션 진행 → 코드 안정성과 유지보수성 강화

👥 팀원 소개

역할 이름 GitHub
📋 Product Manager 정유진 GitHub 바로가기
📋 Product Manager 최은택 GitHub 바로가기
🌐 Frontend 정유진 GitHub 바로가기
🔧 Backend 최은택 GitHub 바로가기
🔧 Backend 정경훈 GitHub 바로가기
🔧 Backend 김예본 GitHub 바로가기
🔧 Backend 최진원 GitHub 바로가기

About

[2025-MJU] 명지대학교 학생회관 4층 스터디룸 예약 서비스 - 띵스룸 (프론트엔드)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •