Fitlog

Fitlog - GenAI 기반 운동 추적기

Fitlog는 사용자가 루틴, 운동 및 세트를 기록할 수 있는 GenAI 기반 운동 추적 애플리케이션입니다. 이 앱에는 Fuse.js에서 제공하는 루틴 및 운동 이름에 대한 퍼지 검색과 같은 기능이 포함되어 있으며 데이터베이스 관리를 위해 Prisma를 통합합니다. 이것은 서버 측 렌더링을 위해 Next.js를 사용하여 구축된 MERN 스택 애플리케이션입니다.

특징

• 사용자 인증 : Clerk를 이용하여 사용자 가입 및 로그인을 합니다.
• 루틴 및 운동 추적 : 루틴을 생성하고, 운동을 기록하고, 트랙 세트를 기록하세요.
• 퍼지 검색 : 사용자 입력을 기반으로 루틴 및 운동 ID를 검색하기 위해 Fuse.js를 사용하여 퍼지 검색을 구현합니다.
• AI 채팅 통합 : AI 기반 비서와 채팅하여 운동을 기록하고 피트니스 통찰력을 얻으세요.
• 반응형 UI : Mantine UI로 제작되었으며 현대적이고 반응성이 뛰어난 디자인을 위해 Tailwind CSS로 스타일이 지정되었습니다.

사용된 기술

• Next.js : 서버 렌더링 애플리케이션을 구축하기 위한 React 프레임워크입니다.
• Prisma : PostgreSQL 데이터베이스와 상호작용하기 위한 ORM입니다.
• Clerk : 사용자 세션을 처리하기 위한 인증 서비스입니다.
• Fuse.js : 루틴 및 운동에 대한 검색 경험을 향상시키는 퍼지 검색 기능입니다.
• Mantine UI : 최신 React 구성 요소를 위한 UI 라이브러리입니다.
• Tailwind CSS : 스타일링을 위한 유틸리티 우선 CSS 프레임워크입니다.
• TypeScript : 프로젝트의 정적 유형 검사용입니다.
• LangChain : 채팅 기반 운동 지원을 위한 AI 통합.

데이터베이스 스키마

사용자 루틴, 운동 및 세트를 추적하기 위한 데이터베이스 스키마는 다음과 같습니다.

• 사용자 : user_id , username 및 password 포함되어 있습니다.
• Routine : routine_id , routine_name 및 user_id 포함합니다. 루틴에는 여러 가지 운동이 있습니다.
• Workout : workout_id , workout_name , routine_id 및 date 포함합니다. 운동에는 여러 세트가 있습니다.
• 세트 : set_id , set_weight , set_reps , workout_id 및 date ​​포함합니다.

설치

1. 저장소를 복제합니다.

   git clone https://github.com/yourusername/fitlog.git

2. 프로젝트 디렉터리로 이동합니다.

    cd fitlog

3. 종속성을 설치합니다.

   npm install

4. .env 파일을 생성하여 환경 변수를 설정합니다. Prisma 데이터베이스 URL, 사무원 자격 증명 및 기타 필수 환경 변수를 추가하세요.

   DATABASE_URL= " your_postgres_database_url "
   NEXT_PUBLIC_CLERK_FRONTEND_API= " your_clerk_frontend_api "
   CLERK_API_KEY= " your_clerk_api_key "
   GROQ_API_KEY= " Groq Api Key "
   NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
   NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
   NEXT_PUBLIC_CLERK_SIGN_IN_URL=/login
   NEXT_PUBLIC_CLERK_SIGN_UP_URL=/signup

5. 데이터베이스에 Prisma 마이그레이션을 적용합니다.

   npx prisma migrate dev

6. 개발 서버를 실행합니다.

   npm run dev

브라우저를 열고 http://localhost:3000으로 이동하여 앱이 작동하는 모습을 확인하세요.

특허

이 프로젝트는 MIT 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 LICENSE 파일을 참조하세요.

기여

자유롭게 저장소를 포크하고 풀 요청을 제출하세요. 기여를 환영합니다!

향후 개선 사항

 Advanced Analytics: Integrate charts and analytics for users to visualize their workout progress.
GenAI Improvements: Enhance the AI assistant with personalized workout recommendations.
Mobile App: Plan to extend the web app into a mobile application using React Native.

Vercel에 배포

Next.js 앱을 배포하는 가장 쉬운 방법은 Next.js 제작자의 Vercel 플랫폼을 사용하는 것입니다.

자세한 내용은 Next.js 배포 설명서를 확인하세요.