/Madcamp3-kkamitory_app

KAIST student dormitory community

Primary LanguageJavaScript

KKAMITORY-App

KKAMITORY is the webpage which contains everything you need in your dormitory. It has Posts page for dormitory community, Reserve page for reservation of dormitory machines, and Report page for a quick report to dormitory teacher.

This project is made of React, Node.js, and MongoDB

The Web include:

  • Home & Login
  • Posts
  • Reserve
  • Report
  • Mypage

Page Explanation

0. Home & Login

Home page includes navigation bar, logo, and footer. The logo responds to mouse cursor. Bottom footer design is made with css animation. The navigation is linked to Post, Reserve, Report, and MyPage window.

1. Posts

Posts page includes 3 sub-pages - normal posts, gathering dinnermates posts, and gathering group buying posts. Each page contains post add, modify,and delete functions. The Second page, which contains gathering dinnermates posts, shows the posts and the matching lists of people who are joining each dinner menu. The Third page, which contains gathering group buying posts, shows the posts and total cost, cost per person, and gathering status. Both Second and Third page contains "join" function that allows people to join the group of each posts.

  • Posts summary 자유게시판 (left top), 배달팟 모으기 (right top), 공구하기(left bottom) pages

  • Posts Add , Modify, Delete

    • Add

  • Modify

  • Join Group

2. Reserve

Reserve tab is a page where you can reserve a washing machine.

  • Users can check their reservation status and availability in real time.
  • Users can select a reservation date up to one week from today's date and day.
  • For each washing machine, the available time slots are displayed in chips, and "Closed" is displayed in case of the closing time.
  • Users can make a reservation by clicking the Reservation button at the bottom and cancel the reservation by pressing it again.

3. Report

The Report tab is a tab where students can report problems that occur while living in the dormitory to the administrator.

  • In student accounts, there is a report registration page where they can report to the administrator.

  • In the administrator's account, he can collect and check the contents reported by students, and when they are resolved, he can delete them by clicking OK.

4. Mypage

Mypage provides shortcuts to user's profile, nickname, and personal information edit screen. And it includes shortcuts to the main tabs of KKAMITORY.

  • Profile, Nickname
  • Login information such as email
  • Shortcuts to the main functions of the app

Contacts

Contributors