mkdir coffee-bean-inventory-tracker && cd coffee-bean-inventory-tracker

이 폴더에서 프로젝트를 시작합니다.

Laravel 13.x API 백엔드를 설정해주세요:

1. Laravel 프로젝트 생성 (backend 폴더에)
2. SQLite 데이터베이스 설정 (.env 파일 수정)
3. coffee_beans 테이블 마이그레이션 생성:
   - id (primary key)
   - name (string, 원두 이름)
   - origin (string, 원산지)
   - roast_level (string, 로스팅 정도: Light/Medium/Dark)
   - roast_date (date, 로스팅 날짜)
   - initial_amount (integer, 초기 용량 g)
   - current_amount (integer, 현재 용량 g)
   - timestamps
4. 마이그레이션 실행
5. CoffeeBean 모델 생성 (fillable 속성 설정)
6. CORS 설정 (config/cors.php에서 localhost:5173 허용)
7. API 라우트 설정 (routes/api.php):
   - GET /api/coffee-beans (전체 목록)
   - POST /api/coffee-beans (새 원두 등록)
   - PATCH /api/coffee-beans/{id}/use (사용량 차감)
   - DELETE /api/coffee-beans/{id} (삭제)
8. CoffeeBeanController 생성 및 각 API 메서드 구현
9. php artisan serve로 서버 실행 (포트 8000)

현재 용량이 초기 용량의 30% 이하면 '부족', 70% 이하면 '보통', 그 이상이면 '충분' 상태로 판단하는 로직도 포함해주세요.

같은 coffee-bean-inventory-tracker 폴더 내에 React 19 프론트엔드를 설정해주세요:

1. frontend 폴더에 Vite + React 프로젝트 생성 (npm create vite@latest frontend -- --template react)
2. Tailwind CSS 설치 및 설정
3. src/App.jsx를 다음과 같이 구성:
   - useState로 원두 목록(beans) 상태 관리
   - useEffect로 컴포넌트 마운트 시 GET /api/coffee-beans 호출하여 목록 불러오기
   - fetch API 사용 (base URL: http://localhost:8000)
   - 원두 목록을 그리드 레이아웃(grid-cols-1 md:grid-cols-2 lg:grid-cols-3)으로 카드 형태 표시
   - 각 카드에는:
     * 원두 이름 (큰 폰트)
     * 원산지 및 로스팅 정도 (작은 텍스트)
     * 로스팅 날짜
     * 진행률 바 (현재 용량/초기 용량 비율로 표시)
     * 남은 용량 텍스트 (예: "250g / 500g 남음")
     * 재고 상태 배지 (충분: 초록, 보통: 노랑, 부족: 빨강)
     * 삭제 버튼
4. 상단에 "새 원두 등록" 버튼 추가 (아직 기능 없음)
5. npm run dev로 개발 서버 실행 (포트 5173)

Tailwind CSS로 깔끔하고 모던한 카드 디자인을 만들어주세요. 진행률 바는 bg-gradient-to-r를 활용해서 시각적으로 예쁘게 표현해주세요.

원두 등록 기능을 추가해주세요:

1. src/components/AddBeanForm.jsx 컴포넌트 생성:
   - 폼 필드: 원두 이름, 원산지, 로스팅 정도(select: Light/Medium/Dark), 로스팅 날짜(date input), 초기 용량(number input, g 단위)
   - 폼 제출 시 POST /api/coffee-beans로 데이터 전송
   - 성공 시 부모 컴포넌트에 알려서 목록 새로고침
   - Tailwind로 폼 스타일링 (input, select, button)
2. App.jsx 수정:
   - "새 원두 등록" 버튼 클릭 시 모달 또는 폼 영역 토글
   - AddBeanForm 컴포넌트 렌더링
   - 등록 완료 후 원두 목록 다시 불러오기
3. 폼 유효성 검사 추가 (빈 값 방지)

모달 스타일은 화면 중앙에 떠 있는 형태로 만들고, 배경은 반투명 검은색 오버레이로 처리해주세요.

원두 사용량 기록 및 삭제 기능을 구현해주세요:

1. 각 원두 카드에 "사용 기록" 버튼 추가
2. 버튼 클릭 시 사용량 입력 모달 표시:
   - 사용량(g) 입력 필드
   - 확인 버튼 클릭 시 PATCH /api/coffee-beans/{id}/use API 호출
   - 요청 body: { amount: 입력한 사용량 }
   - Laravel 컨트롤러에서 current_amount에서 차감 (음수 방지 로직 포함)
   - 성공 시 목록 새로고침
3. 삭제 버튼 기능 구현:
   - 클릭 시 확인 다이얼로그 표시 ("정말 삭제하시겠습니까?")
   - 확인 시 DELETE /api/coffee-beans/{id} API 호출
   - 성공 시 목록에서 제거
4. 에러 처리:
   - API 호출 실패 시 사용자에게 알림 표시
   - 사용량이 현재 용량보다 많을 경우 경고 메시지

사용량 입력 모달은 간단한 형태로 만들고, 숫자만 입력 가능하도록 제한해주세요.