Skip to content

식약처 공공 데이터 기반 레시피 제공 서비스

Notifications You must be signed in to change notification settings

jbljw02/AllCook

Repository files navigation

레시피 제공 서비스 'All Cook'

All Cook은 사용자 경험을 최우선으로 고려하여 개발된 레시피 제공 서비스입니다.
기존의 노후화되고 올드한 레시피 서비스의 단점을 개선하고, 현대적인 UI와 향상된 사용자 경험을 통해 사용자가 보다 쉽게 요리를 즐길 수 있는 환경을 제공합니다.


1. 프로젝트 개요

개발 기간

2024.01.10 - 2024.05.26

인원 구성

이진우(1인)

기술

Environment Frontend Backend Database Deployment API
Git Visual Studio Code TypeScriptNext JS Redux Next JSJWT Firebase Vercel 식약처

2. 프로젝트 구조도

1) 레시피 정보 받아오기

002


3. 화면 구성 및 주요 기능

1) 회원가입

  • 유효성 검사(이메일과 비밀번호의 형식)를 통과해야 회원가입이 가능합니다.
  • 이메일 인증을 진행해야 회원가입이 완료됩니다.
회원가입
회원가입(모자이크)

2) 로그인

  • ID와 비밀번호가 DB의 값과 일치하면 로그인에 성공합니다.
  • 로그인에 성공하면 홈 화면으로 이동합니다.
  • 구글을 통한 소셜 로그인이 가능합니다.
로그인
로그인
구글 로그인
구글 로그인

3) 홈 화면

  • 서비스에 처음 접속하면 보이는 화면입니다.
  • 배너 이미지와 서비스에 대한 소개, 그리고 추천 메뉴 등을 보여줍니다.
홈 화면

4) 레시피 페이지

  • DB에 존재하는 모든 레시피를 페이지네이션을 통해 출력합니다.
  • 레시피를 '가나다순', '저열량순', '저지방순' 등등 여러 기준에 따라 정렬할 수 있습니다.
  • 특정 카테고리의 레시피들이 랜덤하게 추천됩니다.
  • 메뉴 혹은 재료명을 통해 레시피를 검색할 수 있으며 음식의 종류, 요리 방법, 영양성분이 포함된 양을 조절하여 상세하게 레시피를 검색할 수도 있습니다.
레시피(페이지네이션, 정렬, 카테고리 검색)
레시피1
레시피(상세 검색, 일반 검색)
레시피2

5) 레시피 상세 페이지

  • 선택한 레시피의 재료, 영양성분, 메뉴얼 등을 확인할 수 있습니다.
  • 인분 수를 조절할 수 있으며, 인분 수에 따라 재료와 영양성분의 양이 변경됩니다.
  • 비슷한 재료를 사용한 유사 레시피를 보여줍니다.
  • 레시피에 대한 의견 및 평가를 댓글로 남길 수 있습니다.
  • 레시피가 맘에 든다면 폴더를 만들고 해당 레시피를 추가할 수 있습니다.
레시피 상세
레시피 상세

6) 관심 레시피 페이지

  • 저장한 레시피들을 확인할 수 있습니다.
  • 레시피를 저장할 새 폴더를 만들 수 있습니다.
  • 폴더명을 변경할 수 있습니다.
  • 폴더와 레시피 모두 삭제가 가능합니다.
관심 레시피
폴더, 폴더 상세

7) 문의 페이지

  • 관리자에게 서비스에 대한 문의 및 건의사항을 작성할 수 있습니다.
  • 작성된 내용은 관리자의 이메일로 전송됩니다.
문의
문의(모자이크)

8) 회원 정보 변경 및 탈퇴

  • 회원명을 변경할 수 있습니다.
  • 계정을 탈퇴할 수 있습니다.
회원 정보
회원 정보 변경 및 탈퇴

About

식약처 공공 데이터 기반 레시피 제공 서비스

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published