/2021-1-OSSP2-SaJoChamChi-4

2021-1 공개SW프로젝트_02 4조 사조참치

Primary LanguageJavaScriptMIT LicenseMIT

2021-1-OSSP2-SaJoChamChi-4

2021-1 공개SW프로젝트_02 4조 사조참치

냉장고를 정리해(냉정해)

시대가 변하고 기술이 발전해 냉장고 크기가 커져 보관할 수 있는 음식이 많아지면서 냉장고 안의 음식들을 관리하기가 어려워졌습니다. UN 통계에 따르면 매년 음식물 쓰레기 양은 증가하고 그 중 가정에서 배출되는 음식물 쓰레기가 가장 많다고 합니다.

냉장고를 정리해는 유통기한을 기반으로 사용자의 냉장고 속 식품을 관리하는 어플리케이션입니다. 사진을 찍는 것만으로 간편하게 입력할 수 있고 유통기한이 얼마 남지 않은 식품들을 PUSH 알림을 통해 확인할 수 있습니다. 또한, 다양한 레시피 제공을 통해 사용자가 식품을 소비하는데 도움을 줍니다. 언제 어디서든 냉장고에 무엇이 있고 유통기한이 얼마나 남았는지 확인할 수 있어 불필요한 식품 소비를 줄일 수 있습니다.

기능

  1. 로그인 화면

    • 로그인
    • 회원가입
    • 아이디 / 비밀번호 찾기
  2. 메인화면

    • 냉장고
    • 레시피 추천
    • 게시판
    • 내 정보
    • 유통기한 임박식품
  3. 냉장고

    • 냉장고 품목 리스트
      • 품목 추가, 수정, 삭제
  4. 레시피 추천

    • 유통기한 기반 추천 레시피
    • 냉장고 재료 기반 추천 레시피
    • 전체 레시피 리스트
    • 좋아요 기능
  5. 게시판

    • 나만의 레시피 게시
      • 작성, 수정, 삭제
    • 댓글
      • 작성, 삭제
    • 좋아요 기능
  6. 내 정보

    • 프로필 수정
    • 좋아요 게시물 / 레시피 확인
    • 로그아웃
    • 회원탈퇴

ScreenShots

실제 어플 화면 이미지1 (로그인, 메인화면, 냉장고 리스트)

실제 어플 화면 이미지2 (게시판, 전체 레시피, 유통기한/냉장고 기반 추천 레시피)

실제 어플 화면 이미지3 (바코드, 유통기한 인식)

실제 어플 화면 이미지4 (프로필 화면, 좋아요 레시피 리스트)

기술스택

인식

  • React Expo Barcode Scanner

  • Google Vision API

실행 방법

프로젝트 다운로드

git init
git clone https://github.com/CSID-DGU/2021-1-OSSP2-SaJoChamChi-4.git

패키지 다운로드(사전에 npm 설치 필요)

프로젝트 폴더에서 아래 패키지 설치

npm install expo-cli
npm install @react-navigation/native
expo install react-native-gesture-handler
expo install react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
npm install @react-navigation/stack @react-navigation/bottom-tabs
npm install styled-components prop-types
npm install react-native-keyboard-aware-scroll-view
npm install moment --save
npm install expo-barcode-scanner
npm install expo-notifications
npm install react-native-picker-select
npm install -g npm
npm install uuid
npm install firebase
npm install expo-image-picker
npm install --save react-native-get-random-values

터미널에서 cd backend로 이동 후 패키지 설치

npm install express
npm install mysql
npm install cors
npm install prop-types

2021-1-OSSP2-SaJoChamChi-4 폴더에서 npm start로 실행시킨다. 현재 외부서버가 항시 열려 있습니다. 회원가입 후 로그인이 되지않을 경우 서버에 문제가 있기에 관리자에게 연락을 주시면 됩니다. (cajun7@naver.com)

팀원

  • 2017112134 이호준 (팀장)
  • 2016112144 김민석
  • 2017112102 김지석
  • 2014112026 박서준
  • 2017112146 박서진
  • 2019112045 이유정