Laravel 12.x 백엔드 API 프로젝트를 생성하고 기본 설정을 해주세요.

요구사항:
1. Laravel 12.x 프로젝트 생성 (프로젝트명: workout-api)
2. SQLite 데이터베이스 설정 (.env 파일 수정)
3. workouts 테이블 마이그레이션 생성:
   - id (primary key)
   - name (운동 이름, string)
   - sets (세트 수, integer, nullable)
   - reps (횟수, integer, nullable)
   - is_completed (완료 여부, boolean, default false)
   - workout_date (운동 날짜, date)
   - timestamps
4. 마이그레이션 실행
5. CORS 설정 (모든 origin 허용, api.php 라우트에 적용)
6. API 라우트 구조 설계:
   - GET /api/workouts - 모든 운동 목록
   - POST /api/workouts - 새 운동 등록
   - PUT /api/workouts/{id} - 운동 완료 토글
   - DELETE /api/workouts/{id} - 운동 삭제

.env 파일에서 DB_CONNECTION=sqlite로 설정하고, database/database.sqlite 파일을 생성해주세요.

Workout 모델과 컨트롤러를 생성하고 RESTful API를 구현해주세요.

요구사항:
1. Workout 모델 생성 (app/Models/Workout.php):
   - fillable 속성: ['name', 'sets', 'reps', 'is_completed', 'workout_date']
   - casts: is_completed를 boolean으로, workout_date를 date로 캐스팅
2. WorkoutController 생성 (app/Http/Controllers/Api/WorkoutController.php):
   - index(): 최근 7일 이내 운동 목록 반환 (최신순 정렬)
   - store(): 새 운동 등록 (validation 포함: name 필수, sets/reps 숫자, workout_date 날짜)
   - update(): is_completed 토글 기능
   - destroy(): 운동 삭제
3. api.php에 라우트 등록:
   - Route::apiResource('workouts', WorkoutController::class);
4. 각 API 응답에 성공 메시지와 데이터 포함

모든 API는 JSON 형식으로 응답하고, 에러 처리도 포함해주세요.

React 19 프론트엔드 프로젝트를 생성하고 기본 구조를 설정해주세요.

요구사항:
1. Vite + React 19 프로젝트 생성 (프로젝트명: workout-frontend)
2. Tailwind CSS 설치 및 설정
3. 기본 폴더 구조:
   - src/components (컴포넌트)
   - src/services (API 호출 함수)
4. src/services/api.js 생성:
   - BASE_URL 상수 (http://localhost:8000/api)
   - fetchWorkouts(): GET /workouts
   - createWorkout(data): POST /workouts
   - toggleWorkout(id): PUT /workouts/{id}
   - deleteWorkout(id): DELETE /workouts/{id}
5. App.jsx 기본 레이아웃:
   - 헤더 (제목: "나만의 운동 루틴 플래너")
   - 메인 컨테이너 (중앙 정렬, 최대 너비 1200px)
   - Tailwind CSS로 깔끔한 디자인

API 함수는 fetch를 사용하고, 에러 처리를 포함해주세요.

운동 등록 폼 컴포넌트를 만들고 API와 연동해주세요.

요구사항:
1. src/components/WorkoutForm.jsx 생성:
   - 입력 필드: 운동 이름, 세트 수, 횟수, 운동 날짜
   - 운동 날짜는 기본값을 오늘 날짜로 설정
   - "운동 추가" 버튼
   - useState로 폼 데이터 관리
2. 폼 제출 시:
   - createWorkout API 호출
   - 성공 시 폼 초기화 및 부모 컴포넌트에 알림 (onWorkoutAdded 콜백)
   - 에러 시 alert로 에러 메시지 표시
3. Tailwind CSS로 스타일링:
   - 입력 필드는 border, padding, rounded 적용
   - 버튼은 파란색 배경, hover 효과
   - 반응형 디자인 (모바일 친화적)
4. App.jsx에서 WorkoutForm 컴포넌트 사용

모든 입력 필드에 적절한 placeholder와 label을 추가해주세요.

운동 목록 표시 및 완료/삭제 기능을 구현해주세요.

요구사항:
1. src/components/WorkoutList.jsx 생성:
   - workouts 배열을 props로 받음
   - 각 운동을 카드 형태로 표시 (운동 이름, 세트/횟수, 날짜)
   - 완료 체크박스: 클릭 시 toggleWorkout API 호출 및 onToggle 콜백
   - 삭제 버튼: 클릭 시 deleteWorkout API 호출 및 onDelete 콜백
   - 완료된 운동은 회색 배경 + 취소선 스타일
2. App.jsx 수정:
   - useState로 workouts 상태 관리
   - useEffect로 컴포넌트 마운트 시 fetchWorkouts 호출
   - WorkoutList에 workouts, onToggle, onDelete props 전달
   - 운동 추가/토글/삭제 후 목록 새로고침
3. 진행률 표시:
   - 완료된 운동 수 / 전체 운동 수 계산
   - 프로그레스 바로 시각화 (Tailwind CSS)
   - "이번 주 진행률: X%" 텍스트 표시
4. 빈 상태 처리:
   - 운동이 없을 때 "아직 등록된 운동이 없습니다" 메시지 표시

Tailwind CSS로 카드 디자인, 그림자, 호버 효과를 적용해주세요.