Campus Connect: React, Node.js 및 MongoDB를 사용한 대학을 위한 완전한 디지털 워크플로우 시스템

Source: Dev.to

왜 Campus Connect를 만들었는가

• 종이 기반 외출증
• 물리적 서명
• 수동 유지보수 등록부
• 지연된 커뮤니케이션
• 투명성 부족

Campus Connect는 이러한 작업을 디지털화하고 자동화하여 캠퍼스를 보다 효율적이고 투명하며 사용자 친화적으로 만듭니다.

안전한 인증 및 역할 기반 접근

• JWT 인증을 통한 안전한 로그인 및 제어된 접근
• 역할 기반 대시보드(학생, 학부모, 사감, 경비, 직원)
• 모든 요청에 대한 토큰 검증
• 보호된 백엔드 라우트

다중 사용자 시스템을 위한 강력한 보안 기반을 제공합니다.

기숙사 외출증 자동화 시스템

• 전체 승인 체인: 학생 → 학부모 → 사감 → 경비
• 학부모 이메일 승인: EmailJS 사용; 학부모는 로그인 없이 승인 링크를 받아 어떤 기기에서든 승인 또는 거부 가능.
• 사감 검토: 사감은 학부모가 승인한 요청만 확인하여 불필요한 업무를 줄임.
• 경비 출입 기록: 경비가 디지털로 EXIT 및 ENTRY 시간을 기록—수동 등록부 불필요.
• 감사 로그: 모든 행동이 기록되어 투명성과 책임성을 보장.

디지털 유지보수 티켓 시스템

• 학생이 대시보드에서 직접 유지보수 요청을 제출.
• 티켓 상태: 대기 → 진행 중 → 해결됨
• 사감 및 직원에게 실시간 가시성 제공
• 추적을 위한 깔끔한 MongoDB 구조

손글씨 등록부와 분실된 불만을 없앱니다.

교실 예약 워크플로우

• 자동 승인 파이프라인: 비서 → 가용성 확인 → 교무처 승인
• 결정 로그, 실시간 상태 업데이트 처리 및 이중 예약 방지.

회의, 행사, 학술 활동에 이상적입니다.

프론트엔드 개발 (React.js)

• React로 만든 역할별 대시보드
• 통합 레이아웃 및 네비게이션을 갖춘 간단하고 반응형 UI
• 각 사용자 유형을 위한 깔끔한 폼 및 워크플로우

백엔드 아키텍처 (Node.js + Express)

• 로그인, 외출증, 예약, 유지보수 등 별도 컨트롤러를 갖춘 모듈형 백엔드
• REST API를 제공하는 Express 라우팅
• 새로운 모듈을 쉽게 확장 가능하도록 설계되어 코드베이스 유지보수와 확장성이 뛰어남.

MongoDB 데이터베이스 레이어

잘 구조화된 컬렉션:

• Users
• Outpasses
• Bookings
• Maintenance tickets
• Guard logs

각 레코드는 조회, 연결 및 빠른 업데이트에 최적화되어 있습니다.

알림 시스템

EmailJS 기반으로 시스템이 전송:

• 승인 링크
• 상태 업데이트
• 자동 알림

SMTP 설정이 필요 없으며 즉시 신뢰성 있게 작동합니다.

흐름도

주요 학습 내용

• 풀스택 MERN 개발
• 안전한 워크플로 자동화
• JWT 인증 및 보호 라우트
• React UI/UX 구조화
• 백엔드 모듈화
• 데이터베이스 스키마 설계
• 실시간 커뮤니케이션 워크플로

결론

Campus Connect는 디지털 자동화가 전통적인 대학 업무 흐름을 스마트하고 투명하며 효율적인 시스템으로 어떻게 변혁시킬 수 있는지를 보여줍니다. 외출증 관리, 유지보수 로그, 교실 예약 및 알림을 현대화함으로써 다음을 가능하게 합니다:

• 더 빠른 프로세스
• 향상된 보안
• 명확한 커뮤니케이션
• 높은 책임성
• 개선된 사용자 경험

미래 지향적인 디지털 캠퍼스를 구축하기 위한 견고한 발걸음입니다.