실행 방법

• 명령어: yarn start
• 기본 포트는 3500
  
  

프로젝트 개요

주제

캠을 이용한 학습관리 애플리케이션

구현 기능

• 공부 과목 추가, 공부 시간 측정(카운트업): 공부할 과목을 추가 할 수 있고, 각 과목별로 공부 시간을 측정할 수 있다.
• To-Do 리스트: 각 공부 과목에 대해서 오늘의 To-Do 리스트를 추가, 삭제 할 수 있다.
• 자리 비움 감지, 눈 감음 감지, 거북목 자세 감지 기능: 시간 측정 중에 자리를 비우거나 눈을 감는 경우 공부 시간 카운트업이 자동으로 멈추게 된다. 또한 거북목 자세가 될 경우 이를 감지해 경고 토스트 메시지를 띄워준다.
• 온라인 캠 스터디: 다른 유저와 온라인 상에서 캠 스터디가 가능하다.
• 공부 기록 보기(캘린더, 차트): 유저의 공부 기록을 확인 할 수 있다. 캘린더를 이용해 월간, 주간 기록을 확인 할 수 있고 차트를 통해 일간 기록을 확인 할 수 있다.

기술 스택

• Front-end: React
• Back-end: Firebase
• WebRTC Server: NodeJS
  
  
  

결과물

메인화면

공부 시간 측정

기록 조회