건강해짐

피트니스 센터, 트레이너와 회원을 위한 일정 관리 앱

웹 사이트

서비스 개요

PT 스케줄 관리

아직도 트레이너가 수기로 일정을 메모하고 카카오톡 메신저로 회원 관리를 하나요?

건강해짐을 사용하면 트레이너는 헬스장 회원 스케줄 관리를 편하게 할 수 있어요.

헬스장 회원도 미리 트레이너 스케줄을 확인하고 등록할 수 있어요.

체계적인 회원 관리

스케줄 관리 뿐만 아니라 헬스장 회원에 대한 체계적인 관리도 가능해요.

회원에 대한 나만의 메모장, PT 피드백 그리고 수강권 관리까지!

좀 더 세심하게 회원을 관리할 수 있어요.

실행 방법

Production

운영 환경

Development

개발 환경 데모

테스트계정

학생 계정 : healthy-student0 / 12345678a

트레이너 계정 : healthy-trainer0 / 12345678a

Local

git clone https://github.com/to-be-healthy/FrontEnd.git

cd FrontEnd
npm i
npm run dev

프론트엔드

기술 스택

• Next.js
• shadcn-ui(radix ui + tailwind css + cva)
• zustand, tanstack-query, axios,
• PWA, FCM(Firebase Cloud Messaging)

인프라

.

프로젝트 구조

FSD 아키텍처를 적용하여 책임 크기 단위로 계층을 분리하고, 기능 단위로 폴더를 나누었습니다.

코드의 복잡성이 증가함에 따라 발생할 수 있는 컴포넌트 간 순환 참조 발생 가능성을 크게 낮추었고, 코드를 분리하는 기준을 좀 더 명시적으로 정하여 협업할 수 있었습니다.

FSD 아키텍처의 app layer의 컨셉과 Next.js app router의 기능 간의 개념적인 충돌이 있었지만, 프로젝트 특성에 맞도록 최적화하여 구성했습니다.