MediChart

🧑‍⚕️ 현대인을 위한 건강 플랫폼 MediChart

MediChart는 바쁜 일상 속 자신의 건강을 놓치는 현대인들을 위한 질병 예측 및 건강진단서 해석 플랫폼입니다.

• 프로젝트 URL: MediChart
• 테스트 계정:
• ID: test@naver.com
• PW: q1w2e3r4!@
• 개발 기간: 2024.07.05 ~ 2024.08.06

주의: 건강진단서 해석 기능은 제공된 테스트용 이미지를 사용하세요.

---

💙 About Us

🧑‍💻 응답없음 팀

정형진 @JeongBuBu	김민재 @KnD0715	윤주찬 @jjuchan	이태현 @judgerTH	박계영 @himelons	최혜빈 @h9421
백엔드	백엔드	백엔드	백엔드/프론트엔드	프론트엔드	프론트엔드

---

주요 기능

• 로그인
• 건강진단서 해석
• 검진정보 입력
• 질병 예측
• 관리자 페이지
• (구현 예정) 소셜 로그인
• (구현 예정) AI 챗봇
• (구현 예정) 검진센터 찾기

---

⚙️ 개발 환경 요약

주요 기술 스택

• Java: 17
• Spring Boot: 3.3.1
• Database: MySQL
• View: Thymeleaf, Thymeleaf Layout Dialect, JSTL
• Security: Spring Security, OAuth2, JWT
• Cloud: Google Cloud Translate, Vision, Dialogflow
• Build Tool: Gradle

주요 의존성

• Spring Boot Starter: Web, Data JPA, Security, OAuth2 Client, Mail, Validation, WebSocket
• Google Cloud: Translate API, Vision API, Dialogflow API
• JWT: jjwt-api, jjwt-impl, jjwt-jackson
• 테스트: Spring Boot Test, Spring Security Test, JUnit

React 빌드 작업

• 프론트엔드 경로: src/main/reactfront
• NPM 설치 및 빌드:
• Windows: npm.cmd install, npm.cmd run build
• 기타 OS: npm install, npm run build
• 빌드 결과 복사: src/main/resources/static

---

주요 페이지 및 기능 설명

[메인페이지]

✨ MediChart의 주요 기능 3가지를 소개하는 페이지입니다.

[로그인 및 회원가입]

[건강진단서 해석]

✨ 어려운 의학용어로 된 건강진단서를 쉽게 이해할 수 있도록 해석해 주는 페이지입니다.

● 원하는 언어를 선택합니다. (한국어/일본어/중국어)
● 건강진단서를 파일로 첨부합니다.
● 원본 텍스트와 번역된 텍스트를 한 번에 확인할 수 있습니다.

[검진정보 입력]

✨ 질병 예측을 위해 사용자의 건강검진 정보를 입력받는 페이지입니다.

● 정보를 입력하고 등록 버튼을 누르면 저장되었다는 문구가 페이지 상단에 표시됩니다.
● 등록 버튼 클릭 후 모든 정보가 입력되지 않았을 경우 입력해달라는 경고 문구가 페이지 상단에 나타납니다.

[질병 예측]

✨ 사용자가 입력한 검진 정보를 토대로 질병이 발병할 확률을 예측하는 페이지입니다.

● 결과확인 버튼을 누르면 사용자의 검진 정보 데이터를 가지고 질병의 위험도를 예측해주는 그래프가 나타납니다.
● 그래프는 주의, 경고, 위험 순으로 질병의 발병 확률을 표시합니다.
● 당뇨병, 심장병, 고혈압, 신장질환, 비만, 뇌졸증의 발병 확률을 예측합니다.

[공지사항 & 고객센터]

[관리자페이지]

✨ 공지사항 및 가입자 수를 관리하는 페이지입니다.

• 관리자페이지 버튼은 푸터에 기입되어 있습니다.
  
  

구현 예정

[AI 챗봇]

✨ 언제 어디서나 건강 관련 질문을 실시간으로 답변 받을 수 있습니다.

● 정보를 입력하고 등록 버튼을 누르면 저장되었다는 문구가 페이지 상단에 표시됩니다.
● 등록 버튼 클릭 후 모든 정보가 입력되지 않았을 경우 입력해달라는 경고 문구가 페이지 상단에 나타납니다.

[검진센터 찾기]

✨ 자신의 위치에서 가까운 병원을 찾을 수 있습니다.

🛸 기술 스택

공통

프론트엔드

백엔드