팀원 & 담당파트

컨셉

carepoint는 만성질환의 연령대가 점점 낮아지는 추세에 따라, 많은 사람들이 보다 편리하고 효율적으로 건강을 관리할 수 있도록 한다.

기능

회원 기능
회원 가입
- 일반 회원 가입, 카카오 회원 가입
- 회원 가입시 닉네임 아이디 중복 확인
로그인 (일반 로그인, 카카오 로그인)
로그아웃
비밀번호 찾기 (임시 비밀번호 SMS 전송)
마이 페이지
- 그래프 : 운동페이지에서 입력 받은 혈압, 혈당, 몸무게 수치를 그래프로 시각화
- 상세정보 : 프로필 사진 포함 회원의 상세 정보를 나타낸다
- 회원정보 수정 기능
- 회원탈퇴 기능
알림 기능
- 매일 일정시간에 회원에게 문자전송 (식단과 운동을 기록 하셨나요?)
관리자 기능
Q&A 답변 글 CRUD 기능
공지사항 글 CRUD 기능
운동 기능
- 사용자가 기록한 운동 횟수 및 목표 달성 횟수를 UI에 표시
- 입력된 데이터가 변경될 때마다 실시간으로 화면이 업데이트되도록 상태 관리 로직 구현
- 운동 종류를 선택하고 운동 시간을 입력할 수 있는 인터페이스 개발
- 운동 종목 추가(+) 버튼을 클릭하면 운동 선택 팝업이 활성화 되도록 구현
- 운동 종목 선택 후 저장 버튼을 누르면 추가(+) 버튼이 사라지고 해당 자리에 선택한 운동명 띄운 후 선택한 운동을 취소할 수 있게 삭제(X) 버튼 구현
- 운동 종목 데이터를 외부 API에서 가져와 DB에 저장
- 운동 선택 팝업에서 DB에 저장된 운동 종목을 리스트로 불러와 검색 및 선택할 수 있도록 기능 개발
- 사용자가 입력한 운동 데이터를 DB에 저장
- 해당 날짜에 맞춰 운동 기록이 자동 업데이트되도록 연동
- 특정 날짜의 운동 기록을 클릭하면 상세 정보 팝업이 뜨도록 구현
- 팝업에서 운동명, 운동 시간, 소모 칼로리 정보를 표시하고 기록 삭제 버튼을 추가
- 삭제 버튼 클릭 시 해당 운동 기록을 DB에서 제거하고 캘린더 UI와 목표 게이지 바 UI에 반영되도록 로직 개발
- 캘린더 라이브러리(FullCal ar.js) 연동하여 날짜별 운동 기록 시각화
- 운동 기록이 있는 날짜에 해당 운동명이 표시되도록 데이터 매핑
건강 수치 입력 및 저장 기능
- 사용자가 혈당, 혈압, 몸무게 데이터를 입력할 수 있는 폼 UI 구성
- 입력값이 비어 있을 경우 기본값(0) 처리 및 유효성 검증 로직 구현
- 저장 버튼 클릭 시 DB에 해당 수치 기록이 반영되도록 API 연동
주간 목표 기능
- 사용자가 이번 주 운동 횟수, 수치 기록 횟수, 칼로리 소모량 목표를 설정할 수 있도록 입력 필드 및 버튼 구현
- 목표 설정 후, UI에 반영될 수 있도록 상태 업데이트 처리
- 목표 작성 버튼 클릭시 모달(Popup) 창이 활성화되도록 구현
- 목표량 입력 후 저장 버튼 클릭 시 데이터가 DB에 저장되고, UI가 실시간으로 갱신되도록 기능 개발
식단 기록
- 하루 식단 등록 / 수정 / 삭제
- 회원이 원하는 식단을 검색, 먹은 양을 입력할 수 있도록 하고 등록한 양에 따라 영양 성분 자동 반영.
- 회원의 식단 기록 여부를 이모티콘(?? / ??)으로 표시하여 직관적인 피드백 제공
- 식단 내용 (하루 식단 내용과 총 칼로리 표시)
내 식단 분석
- 회원의 식단 데이터를 주간 단위로 분석하여 칼로리, 탄수화물, 단백질, 지방 섭취량을 시각화
- 성별 & 연령별 적정 섭취량을 반영하여 데이터 분석 및 피드백 제공
식단 추천
- AI 기반 사용자 목표(체중 감량, 근육 증가 등)에 따른 맞춤형 식단 추천
일정 기능
- 일정 CRUD 기능
- 약 복용 일정: 복용 기간, 시간, 약 유형(주사/경구투여) 설정 및
일정 전 알림 발송
- 병원 일정 관리: 내원 날짜, 시간, 위치 등록 및
구글 맵 연동 (위도·경도 기반 위치 표시)
최근 일정 불러오기 (최근 등록한 일정 정보를 자동으로 가져와 표시)
캘린더 커스터마이징 (일정 별 이모티콘 체크 및 개별 이벤트 컬러 지정)
자가진단 기능
- 당뇨, 고혈압, 비만 자가 진단할 수 있는 체크리스트 n개 이상일 경우 가까운 병원에서 검진 추천, n개 이하인 경우 꾸준한 관리를 위해 서비스 소개
가까운 병원 찾기 기능
- 구글 맵 API를 이용하여 검색한 장소에 3km이내에 있는
병원들을 리스트로 보여줌 (클릭하면 정보도 보여줌)
Q&A 게시판 기능
문의 글 CRUD 기능
자유 게시판 기능
CRUD 기능
댓글 등록 / 삭제

특장점

1. 다양한 로그인 방법
- 카카오 계정 연동을 통해 간편한 로그인 가능. 일반 회원 가입도 지원하여, 사용자 편의성을 극대화.

2. 개인화된 마이 페이지
- 개인의 건강 데이터를 시각화하여 쉽게 확인할 수 있도록 그래프 제공.
- 프로필 사진을 포함한 상세 정보 보기 및 수정 기능, 회원 탈퇴 기능도 제공.

3. 운동 기록 및 목표 관리
- 운동 종목과 시간을 DB에 기록하고, FullCal ar를 통해 관리할 수 있어 효과적인 운동 관리 가능.
- 주간 목표 달성률을 실시간으로 시각화하여 피드백 제공, 개인 맞춤형 운동 계획을 도울 수 있는 기능.

4. 식단 관리와 AI 추천
- 매일의 식단을 등록, 수정, 삭제할 수 있으며, 식단 분석 및 피드백 제공.
- AI가 목표에 맞는 식단을 추천하여 보다 효율적인 건강 관리가 가능.

5. 건강 일정 및 약 복용 관리
- 구글 맵 연동을 통해 병원 위치를 지도에서 확인하고, 일정에 이모티콘과 색상을 커스터마이징할 수 있어 더욱 직관적인 일정 관리 가능.

6. 자가진단 및 병원 찾기
- 당뇨, 고혈압, 비만 등 다양한 자가 진단을 통해 개인 건강 상태를 점검할 수 있으며, 필요한 경우 가까운 병원으로의 검진을 추천.
- 구글 맵 API를 활용한 가까운 병원 찾기 기능으로 사용자에게 필요한 병원을 손쉽게 찾을 수 있음.

7.활발한 커뮤니티 및 소통 기능
- Q&A 게시판과 자유 게시판을 통해 사용자들이 궁금한 점을 자유롭게 묻고 답할 수 있으며, 댓글 기능도 제공하여 소통이 원활.

8. 알림 기능
- 매일 정해진 시간에 운동 및 식단 기록을 유도하는 알림을 통해 사용자가 건강 관리를 놓치지 않도록 돕는 기능.

사용기술 및 개발환경

- 개발환경 : 10, Linux, JDK 21, Spring 3.3.4
- 개발도구 : GitHub, XAMPP, DBeaver, IntelliJ IDEA, SQLyog, VScode
- 개발언어 및 프레임워크 : Java, HTML, CSS, JavaScript, ThymeLeaf, Python, Spring 3.3.4, Tailwind, jQuery, AJAX
- DB : MySQL
- G21API : GOOGLE MAP API, Coolsms 문자 서비스 API, 카카오 로그인 API, Fast API , 영양정보db API, Ai API, 운동정보