GitHub - seulgit02/2023-2-WebProgramming: 2023-2-webProgramming-project

주제: 1인가구를 위한 레시피 추천 웹사이트

  1. 사이트 맵 1인가구를 위한 레시피 추천 웹사이트. 자취생을 위한 레시피 추천 웹사이트로, 모든 레시피는 1인분 기준으로 제공됨. 요리재료가 항상 남아도는 1인 자취생을 위해 메뉴명뿐만 아니라 재료명을 검색해 관련 레시피를 찾아볼 수 있도록 기능을 제공함. 시작페이지인 메인페이지 접속 시, 로그인 없이 접속 및 레시피 검색 및 조회 가능. 사용자 로그인을 통해 로그아웃 -> 로그인 화면으로 전환되면 레시피 찜하기 기능 이용 가능. 마이페이지에서 찜한 레시피 목록 확인 가능. image

  2. 페이지 소개 2-1) 메인 페이지(로그아웃 상태) 클릭하면 홈페이지 메인으로 돌아갈 수 있는 홈페이지 이름, 로그인 버튼, 무작위 음식을 추천하는 오늘의 추천 메뉴, 검색 키워드를 재료 또는 음식 이름으로 선택해 검색할 수 있는 검색창, 밥/국/반찬 등의 음식 종류와 끓이기, 굽기 등의 조리 방법에 따라 음식 레시피를 찾아볼 수 있게 해주는 부분으로 이루어져 있음. 추천 메뉴 란에 시간에 따라 다른 음식의 이미지와 이름을 나타나게 해 사용자에게 레시피를 추천해줌.(이미지를 클릭해 레시피 설명 페이지로 진입) 검색창에 재료 이름 또는 음식 이름 검색 설정을 진행한 뒤, 적절한 문자를 입력해 검색을 진행. 또한 음식종류, 조리 방법의 이미지를 클릭해 음식 종류나 조리 방법에 따라 분류된 레시피를 검색해 찾아 볼 수 있음. image

    2-2) 로그인/회원가입 페이지 메인페이지, 레시피 조회 페이지, 레시피 검색페이지 상단에 있는 Log in 버튼을 통해 로그인 화면에 접근할 수 있음. 계정이 없다면, 로그인 페이지 하단 회원가입 링크로 회원가입 페이지 접속 및 계정 생성. 계정 생성 완료 후 로그인 페이지로 리다이렉트 됨. image image

    2-3) 메인 페이지(로그인 상태) 로그인 후 메인페이지로 돌아오면, Log in 버튼이 있던 부분에 Log out 버튼과 Mypage 버튼 생성. 레시피 찜하기 기능으로 저장된 레시피를 Mypage에서 확인할 수 있음. image

    2-4) 검색 결과 조회 페이지 검색 카테고리에서 메뉴명/재료명 옵션을 선택한 후 레시피를 검색했을 때 나타나는 화면, 해당 단어가 들어간 메뉴명에 대한 레시피 혹은 해당 재료가 들어간 레시피 결과를 DB 검색 결과로부터 로드함. 이미지를 클릭하면 상세 레시피 페이지 조회 가능. image

    2-5) 레시피 상세 조회 페이지 레시피에 대한 상세 정보를 조회하는 페이지로 레시피 재료 목록, 레시피 사진, 요리 순서가 나타남. 로그인 시 나타나는 우측 상단 "즐겨찾기 등록/즐겨찾기 삭제" 버튼을 통해 레시피를 마이페이지에 저장 및 삭제할 수 있음. image

    2-6) 마이페이지 레시피 찜 목록을 확인할 수 있는 마이페이지. 로그인 시에만 접속할 수 있는 페이지. image