recipewebsite

index
@ ENTER INTRO
팀원 소개 주제 및 기대 효과 구현된 기능 시연

팀원 소개
내용을 입력해 주세
요. 내용을 입력해
주세요.
내용을 입력해 주세
요.
201707034 201707040 201707081
이하영 김희원 고다혜
조원 조장 조원
주요코딩
DB연동
오류수정
자료수집
주요코딩
DB연동
오류수정
자료수집
디자인
주요코딩
오류수정
자료수집

주제 및
기대 효과
index
NUMBER 2

주제 및 기대효과
레시피 반응형 웹사이트
반응형 웹 사이트 개발 로 사용자가 언제 어디서든 웹 페이지에 접근하기 편하
며, 다양한 컨텐츠를 포 함 하여 맛있는 끼니를 다양하고 쉽게 준비 가능하다.
요리 초입자도 레시피를 자세하고 쉽게 따 라 할 수 있으며, 회원들 간의 노하우
공유 및 질의응답을 통 한 요리 궁금증 해결 가능하다.

구현된 기능
index
NUMBER 3

구현된 기능
팔로잉/팔로워 기능
맞춤형 페이지 기능
Bootstrap 적용
컨트롤 동적 생성
유튜브 연동

구현된 기능
비회원 메인 페이지
더 보기 클릭 시,
해당 페이지로 넘어간다.
해당 카테고리의 게시물을 최근 게시물 혹은
랜덤으로 게시물이 나타나도록 하였다.
로그인 모달 창이 생성 된다.

구현된 기능
로그인/회원가입
create an account 클릭 시 , 회원가입 모달 창이 생성 된다.
두 비밀번호가 일치하는 경우,
일치 한다고 알림 창이 뜬다.
일치하지 않을 경우,
일치하지 않는다고 알림 창이
뜬다.

구현된 기능
회원 메인 페이지
해당 회원이 팔로우 한 회원의 최근 게시물이
나오도록 한다.
해당 회원의 마이 페이지로 이동 한다.

구현된 기능
My Recipe 페이지
레시피 작성 페이지로 이동 한다.
레시피 카테고리를 구분 하여 클릭 시,
해당 레시피 페이지로 이동하도록 한다.
My Recipe 게시물들을 최신 순으로
보여준다.

구현된 기능
MyReicpe 작성 페이지
URL 등록 클릭 시 , 홈페이지 주소 파싱을 통하여
해당 유튜브 영상과 연동 한다.
재료 추가 클릭 시, 컨트롤 동적 생성을 통하여
원하는 개수만큼 추가할 수 있다.

구현된 기능
TV Recipe 페이지
TV Recipe와 요리 상식은 관리자 측에서 올려주는 게시물이다.
카테고리 클릭 시, 해당 카테고리 페이지로 이동 한다.
게시물의 제목이나 이미지 클릭 시, 해당 레시피의 상세 페이지로 이동 한다.

구현된 기능
TV Recipe 상세 페이지
각 제목 클릭 시,
필요한 정보들이
나타난다.
해당 레시피에 맞는 유튜브 동영상이 재생 된다.

구현된 기능
TV Recipe 상세 페이지
해당 게시물의 전체 댓글 수를 나타낸다.
자신의 댓글일 경우, 삭제 버튼이 나타난다.
이미지 혹은 아이디를 클릭 시, 해당 회원의 마이페
이지로 이동 한다.

구현된 기능
Q&A 페이지
글쓰기 클릭 시, Q&A 작성 페이지로 이동 한다.
당일 게시글일 경우, 새로운 글 알림이 나타난다.
제목 클릭 시, Q&A 상세 페이지로 이동 한다.

구현된 기능
Q&A 작성
파일 추가하기 클릭 시 ,
컨트롤 동적생성을 통해 원하는 개수 만큼
추가할 수 있다.

구현된 기능
Event 페이지
이벤트 상황을 구분 하여 클릭 시,
해당 이벤트 페이지로 이동한다.
이미지 혹은 제목/기간 클릭 시 ,
해당 이벤트 상세 페이지로 이동한다.

구현된 기능
마이 페이지 게시글 회원 탈퇴 클릭 시
회원 탈퇴 클릭 시 , 비밀번호 확인 모달 창이 뜬다.

구현된 기능
마이 페이지 팔로잉 마이 페이지 팔로워
이미지 혹은 아이디 클릭 시, 해당 회원의 마이페이지로 이동 한다.

구현된 기능
다른 회원 과의 팔로우 관계
언 팔로우 클릭 시, 팔로우가 해제 되면서 팔로워 수가 줄어들며 팔로우 버튼이 나타난다.

recipewebsite

Recommended

Recommended

More Related Content

Similar to recipewebsite

Similar to recipewebsite (20)

recipewebsite