2021-1 공개SW프로젝트_02 4조 사조참치
시대가 변하고 기술이 발전해 냉장고 크기가 커져 보관할 수 있는 음식이 많아지면서 냉장고 안의 음식들을 관리하기가 어려워졌습니다. UN 통계에 따르면 매년 음식물 쓰레기 양은 증가하고 그 중 가정에서 배출되는 음식물 쓰레기가 가장 많다고 합니다.
냉장고를 정리해는 유통기한을 기반으로 사용자의 냉장고 속 식품을 관리하는 어플리케이션입니다. 사진을 찍는 것만으로 간편하게 입력할 수 있고 유통기한이 얼마 남지 않은 식품들을 PUSH 알림을 통해 확인할 수 있습니다. 또한, 다양한 레시피 제공을 통해 사용자가 식품을 소비하는데 도움을 줍니다. 언제 어디서든 냉장고에 무엇이 있고 유통기한이 얼마나 남았는지 확인할 수 있어 불필요한 식품 소비를 줄일 수 있습니다.
-
로그인 화면
- 로그인
- 회원가입
- 아이디 / 비밀번호 찾기
-
메인화면
- 냉장고
- 레시피 추천
- 게시판
- 내 정보
- 유통기한 임박식품
-
냉장고
- 냉장고 품목 리스트
- 품목 추가, 수정, 삭제
- 냉장고 품목 리스트
-
레시피 추천
- 유통기한 기반 추천 레시피
- 냉장고 재료 기반 추천 레시피
- 전체 레시피 리스트
- 좋아요 기능
-
게시판
- 나만의 레시피 게시
- 작성, 수정, 삭제
- 댓글
- 작성, 삭제
- 좋아요 기능
- 나만의 레시피 게시
-
내 정보
- 프로필 수정
- 좋아요 게시물 / 레시피 확인
- 로그아웃
- 회원탈퇴
실제 어플 화면 이미지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 이유정