📌웹 기반 운동 관리 프로그램

기간 : 2023.05 - 2023.10

• Overview ｜ 프로젝트 요약

• 메인 페이지에서는 각 Zone마다 설정된 운동을 볼 수 있으며, 운동 영상을 클릭하면 운동 설정 창이 열린다. 운동 영상을 마우스로 클릭하여 추가 리스트에 등록한 뒤, 하단의 운동 추가 버튼을 누르면 해당 운동이 메인 페이지에 등록된다.

• PLAY 버튼을 누르면 각 영상이 재생되며, 사용자가 설정한 타이머에 맞춰 운동 영상들이 일정 주기마다 반복되거나 다음 동작으로 넘어간다. STOP 버튼을 누르면 모든 영상이 일시정지된다.

Next.js Nest.js Socket.io CSS SCSS Styled-Components

• Role ｜ 역할
• 운동 센터를 위한 종합 관리 시스템 개발 프로젝트
• 회원가입/로그인 등 사용자 인증 시스템 구현
• 운동 영상 및 지점 관리를 위한 관리자 대시보드 개발
• 맞춤형 운동 프로그램 구성 및 디스플레이 시스템 구축
• Socket.io를 활용한 실시간 다중영상 제어 시스템 개발

기여도 : 50%

• 디스플레이에 출력할 수 있도록, CSS 설정 및 프레임 구성
• 각 페이지에 운동 영상 리스트 및 회원 리스트 등 데이터 통신