E4U는 PWA(Progressive Web App) 웹 애플리케이션입니다.
핸드폰에서 서비스를 설치하려면 아래의 단계를 따라주세요:
-
모바일 브라우저로 접속
위 링크를 모바일 브라우저에서 열어주세요. -
공유 버튼 클릭
브라우저의 공유 버튼을 누릅니다. (아이폰: Safari, 안드로이드: Chrome) -
홈 화면에 추가
"홈 화면에 추가" 옵션을 선택하면 앱 아이콘이 생성됩니다. -
설치 완료
홈 화면에서 앱 아이콘을 눌러 E4U 서비스를 실행할 수 있습니다.
- 프로젝트 제목: E4U - AI 기반 구강 건강 점검 서비스
- 프로젝트 설명: AI를 활용하여 스마트폰으로 간편하게 구강 건강을 점검할 수 있는 서비스입니다.
| 이름 | 역할 | GitHub |
|---|---|---|
| 이규섭 | AI | GitHub |
| 강은우 | FE | GitHub |
| 한경준 | BE | GitHub |
| 김해린 | BE | GitHub |
-
회원가입
- 사용자는 이메일, 비밀번호, 성별, 출생연도를 입력해 새로운 계정을 생성할 수 있습니다.
-
로그인
- 이메일과 비밀번호를 입력하여 계정에 로그인할 수 있습니다.
-
구강 촬영
- 구강 사진 촬영 기능을 통해 사용자는 자신의 구강 상태를 기록할 수 있습니다.
- 촬영 시 제공되는 가이드를 통해 정확한 구강 이미지를 촬영할 수 있습니다.
-
추가 증상 입력
- 사용자는 치아, 잇몸, 입술 등의 부위를 선택하고 통증 정도를 입력할 수 있습니다.
- 증상 텍스트를 입력하여 더 구체적인 정보를 제공할 수 있습니다.
-
구강 검사 보고서 제공
- 분석된 구강 상태를 점수, 위험도, 질환 위치를 포함한 시각화 자료로 확인할 수 있습니다.
- 분석 결과, 세부 분석, 치료 방법과 관리 방법이 포함된 상세 보고서를 제공합니다.
-
구강 리포트 관리
- 과거 구강 검사 기록을 확인할 수 있습니다.
- 그래프와 이미지 형태로 구강 상태의 점진적 변화를 파악할 수 있습니다.
- 치아별 증상을 확인할 수 있습니다.
-
주변 치과 정보 제공
- 사용자의 위치를 기반으로 근처의 치과 정보를 지도 형태로 제공합니다.
본 프로젝트는 AI 기반 웹 애플리케이션으로, 프론트엔드, 백엔드, AI 모델로 구성된 아키텍처를 사용합니다.
- 프레임워크/라이브러리: React, React Router, Jotai(상태 관리), Styled Components
- 빌드 도구: Vite
- 사용 언어: TypeScript
- 상태 관리: Jotai
- 스타일링: Styled Components
- PWA 통합: vite-plugin-pwa
- HTTP 요청: Axios
- 개발 도구:
- 코드 품질: ESLint, Prettier
- 테스트: 수동 테스트(향후 Jest 도입 예정)
- 기타 유틸리티:
vite-preview,pwa-assets-generator
- 패키지 매니저: Yarn
- 스크립트:
dev: Vite로 로컬 개발 서버 실행build: TypeScript 컴파일 및 PWA 빌드lint: ESLint로 코드 분석gen-pwa: 로고를 기반으로 PWA 에셋 생성
- 프레임워크: Spring
- 사용 언어: Java
- 데이터베이스: MySQL
- 서버 환경: AWS
- 언어: Python
- 프레임워크: FastAPI
- 모델 아키텍처: YOLOv5(이미지 탐지), ET5(텍스트 분석)
- 라이브러리: torchvision, pytorch, ultralytics
