KAIST CS Student Committee

✔️ 전산학부 학생회 구성원으로서, 학우들이 각종 행사/혜택/공지들에 접근하기 불편해 하는 상황을 해결하기 위해 다음과 같은 기능들을 가진 웹사이트를 만들었다 (보완하여 실제 사용 계획 중)

Available Features

📌 메인 페이지

• 학생회 사업 소개 :
  • 마우스 움직임을 감지하여 db로부터 서로 다른 이미지를 불러옴
  • 사진 클릭 시 해당 학생회 사업 페이스북 공지 링크로 이동, 3. 현재 날짜와 해당 사업의 진행기간을 비교하여 진행상황(진행완료, 진행중, 진행예정)을 색깔과 함께 표시함
• 학생회 구성원 소개 : Router이용
• 학생회 지원하기 :
  • Router이용하여 페이지 이동
  • 2. 주어진 형식에 지원자 정보 입력 후 제출 버튼 클릭시 db로 정보 전달

📌 로그인

• Modal창 이용
• 로그인 성공 시 방문자 mode에서 관리자 mode로 전환되도록 구현
• mode에 따라 서로 다른 페이지 접근 권한 부여

📌 관리자 페이지

사업 관리

• 현재 등록된 사업들 리스트 확인 가능
• 주어진 형식에 사업 정보 입력 후 제출 버튼 클릭 시 db로 정보 전달 및 메인 페이지에 추가됨

지원자 관리

• Grid 형식으로 현재 지원한 지원자들 표시(합불 여부에 따라 서로 다른 색상으로 지원자 이름 표시됨)
• 지원자별 상세보기 클릭 시, Modal창을 통해 지원자가 작성해 제출했던 정보들 확인 가능
• 추가로, Modal창에 지원자 평가 멘트, 합불 여부 입력해 저장 버튼 클릭 시 db에 저장됨
• nodemailer 모듈을 사용해, 웹사이트 상에서 직접 지원자에게 합불 여부 메일 발송 가능

로그아웃

• 로그아웃 클릭 시 관리자 mode에서 방문자 mode로 변경되며 메인 페이지로 이동

Design

학생회 로고 Computer Science Student Counsil의 약자, CSSC를 바탕으로 KAIST 전산학부 학생회 로고를 비공식 제작하였다.

Related Works

About Frontend: https://github.com/greenina/KAIST_CS