> 프로젝트 > 프로젝트 발표 | 팀장/팀원 | 팀원 : 이원종, 이유진, 이태호 / 팀장 : 김기철 |
|---|---|
| 개요 | 와인에대한테이스팅노트(리뷰)공유와지역별와인샵안내및초보자들을위한와인정보제공커뮤니티사이트 |
| 구현기능 | 인덱스화면 - 와인 타입별 선택 - 추천와인을 slick slide 라이브러리로 구현 2) 와인리스트 - 전체와인 : DB에 저장된 와인 전체 목록 카테고리 검색 : 타입/국가/페어링/스타일/가격별 조건검색기능 와인목록 10개씩 페이징처리 - 추천와인 : 조회수 상위6개의 와인 목록 3) 와인 상세페이지 - 와인목록에서 원하는 와인 클릭시 진입 - 와인의 정보 ( 이름, 생산국가, 스타일, 아로마, 페어링음식, 가격) 표시 - 리뷰 : 와인에 대한 고객들의 평점 ( 스타일, 총점 ) 평가등을 등록 - 평균 차트 : 리뷰 평점들의 평균을 chartjs 라이브러리를 이용 그래프 구현 4) 리뷰 등록/ 수정/ 삭제 - 리뷰 등록 : 로그인한 고객만 리뷰등록 가능, 비로그인시 로그인창으로 연결 - 리뷰 수정/ 삭제 : 로그인한 고객중 본인이 작성한 리뷰만 수정/ 삭제 가능 5) 와인가이드 - 와인 종류 설명 - 와인 테이스팅 용어 설명 6) 와인샵 안내 - 카카오맵api로 지도 구현 - 와인샵 전체목록(마커,와인샵 이름 표시)을 보여준 후 지역별 검색 - 목록 클릭시 해당 와인샵 위치로 이동 7) 마이페이지 - 로그인한 고객만 접근가능. 비로그인시 로그인 화면으로 연결 - 로그인한 고객의 정보 표시 - 닉네임/ 비밀번호 수정기능 - 닉네임은 keyup으로 실시간 aJax를 통해 중복검사 - 소물리에 인증기능 8) 로그인 - 로그인 서비스 ( Spring Security ) - 회원가입 서비스 : ajax를 이용 중복검사/정규표현식 검사 |
| 설계의 주안점 | 사용자가 접근하기 편한 깔끔하고 편한 ui 구현 2) 사용자가 원하는 와인을 찾을수 있도록 여러 조건으로 검색 가능 3) 수입사가 제공하는 와인 스타일/아로마/음식매칭과 함께 사용자가 등록한 리뷰(테이스팅노트), 평균점수를 그래프로 시각화해 직관적인 정보제공 4) 와인 입문자를 위한 와인가이드 제공 5) 카카오맵api를 이용한 와인샵 안내 |
첫화면으로
즐겨찾기
