2022년도 2학기 종합 프로젝트

Version 1.0

프로젝트 설명

<메뉴구조도>

본 프로젝트의 목표는 척추 부근에 센서를 달아 얻는 데이터를 통해 사용자의 현재 허리 상태를 측정하고 이를 처리하여 사용자가 현재 자신의 허리 자세를 인지하고 올바른 자세를 취할 수 있게 하는 것입니다. 본 레포지토리에서는 프론트엔드인 ReactJS만 다룹니다.

화면 설계

1. 로그인 및 회원가입 페이지

2. 대시보드 페이지

3. 실시간 척추 건강 신호등 페이지

4. 사용통계 페이지

5. 계정 정보 수정 페이지

시연 영상

1. 시연 영상1

1.mp4

2. 시연 영상2

2.mp4

디렉토리 설명

1. public : 페이지에 사용될 이미지가 포함된 디렉토리
2. src/route.js : 리액트 라우팅에 대한 정보가 저장되어 있는 파일
3. src/index.js : 사용자가 접근할 수 있는 주소들에 대한 정보가 저장된 파일
4. src/assets : 폰트와 이미지가 포함된 디렉토리
5. src/components : 페이지에 렌더링할 javascript 함수가 포함된 디렉토리
6. src/pages : 실제로 화면에 표시되는 html이 포함된 디렉토리

개발 스택

• Framework : Reactjs

다른 팀원들의 코드

• Backend
• IoT-RasberyPi