🧊 Take Care of My Refrigerator (내 냉장고를 부탁해)

😀 유저 스토리보드

1. 회원가입/로그인 한다.
2. 장바구니에 장볼거리를 담는다.
3. 장을 보면 냉장고로 옮긴다.
4. 냉장고에선 가진 재료로 레시피를 추천해준다.
5. 레시피에서 부족한 재료를 다시 장바구니로 담는다.

📃 기능 목록

• [x] 회원가입 로그인 기능 LoginPage
  • [x] 예외처리
  • 이미 존재하는 아이디면 예외처리 <회원가입>
  • 비밀번호 확인이 틀리면 예외처리 <회원가입>
  • 아이디가 틀리면 예외처리 <로그인>
  • 비밀번호가 틀리면 예외처리 <로그인>
• [x] 쇼핑카트 기능 ShopCartPage
  • 유저가 쇼핑카트를 생성할수 있다.
  • 유저가 쇼핑카트를 삭제할수 있다.
  • 각각의 쇼핑카트는 장바구니 자식들을 가지고 있다.
• [x] 장바구니 기능 CheckListPage
  • 유저가 장바구니를 생성할수 있다.
  • 유저가 장바구니를 삭제할수 있다.
  • 장바구니는 키워드에 따라 아이콘을 부여받는다.
  • 장바구니에 따라 장을 보면 냉장고로 옮길 수 있다.

• [x] 냉장고 기능 RefrigeratorPage

  • 냉장/냉동을 분류해서 보여준다.

  • 구매일자와 유통기한이 있는 식재료들이 있다.

  • [x] 유통기한 기능

  • 유통기한 순서대로 정렬된다.

  • 유통기한이 지난 물건은 빨간색으로 표시한다.

  • 유통기한이 3일 남은 물건은 노란색으로 표시한다.

  • 유통기한이 7일 남은 물건은 하늘색으로 표시한다.

  • 유통기한이 지난 물건은 장바구니에 다시 담기 버튼이 활성화 된다.

  • [x] 레시피 추천 기능

  • 냉장고에 있는 식재료들에 따라 레시피를 추천해준다.

  • 레시피는 레시피 이름, 레시피 재료, 레시피 설명을 가진다.

  • 냉장고에 이미 존재하는 재료는 파란색으로 표시한다.

  • 냉장고에 없는 재료는 회색으로 표시한다.

  • 유통기한이 지난 재료는 레시피 추천에서 제외한다.

  • [x] 레시피 장바구니에 다시 담기 기능

  • 부족한 재료를 장바구니에 담을 수 있다.

🎯 향후 목표

• 일일히 식재료와 유통기한을 추가하고 삭제하는 것은 귀찮기 때문에 OCR을 이용해서 식품을 인식하고 추가하는 기능을 추가해보기. 교수님 피드백

• 레시피 추천이 재료가 많을수록 처리가 늦어지는 문제를 고민해보기

• 요즘 냉장고 기능은 AI처리를 통해 카메라로 냉장고에 있는 식재료를 인식하고 유통기한을 알려주는 기능이 많이 나오고 있는데 이 기능을 고민해보기

📝 회고

원래는 Recoil이나 React Query를 사용해보고 싶었지만 발표까지 1주일도 채 안남은 시점에서 새로 배우기엔 시간이 부족했다. 그래서 기존 스택으로 개발을 진행하는 아쉬움이 있다... 대신 이번엔 컴포넌트의 분리와 폴더구조를 고민하는것에 좀더 신경을 써봤는데 Page 부분은 아직 쪼갤것들이 많아보여서 다른 팀들 발표 끝나고 리팩토링을 해봐야겠다. 배우면 배울수록 더 많은 것들을 알게되고 더 많은 것들을 배우고 싶어지는 것 같다.

🚗 프로그램 Preview

1. 회원가입/로그인

회원가입과 로그인 기능이 있습니다. 로그인을 하지 않으면 레시피 추천과 장바구니 기능을 사용할 수 없습니다.

2. 장바구니

목적별로 장바구니를 담고 냉장고로 옮길 수 있습니다.

3. 내 냉장고

내 냉장고에 있는 재료로 레시피를 추천받습니다. 부족한 재료는 장바구니에 다시 추가할 수 있고 재료는 유통기한이 임박한 순서대로 정렬됩니다.