- 팀 명 : Maldivian (몰디비안)
- 프로젝트 명 : Momojito (모모히또)
- 프로젝트 형태 : 수강생 프로젝트
- 팀원 : 조영권(팀장), 강민구, 이정로, 백도현
- 배포 링크 : https://momojito.net/
- 서비스 소개영상 : 유튜브 Link
- 개발 과정 : Dev log
여러분들은 칵테일을 좋아하시나요? 바 문화는 아직 대부분의 사람들에게 친숙하지 않은 것 같습니다.. 가끔 바에 가게 되면 무엇을 마실지 고민하다가 이름이라도 들어본 칵테일을 찾다보면 결국 마셔봤던 것만 주문하게 되곤 합니다😅.
모모히또는 저희처럼 칵테일 1도 모르는 사람들을 위해, 다양한 칵테일 종류에 대해 소개하고, 누구나 칵테일 관련 컨텐츠를 즐기면서 쉽게 공유할 수 있도록 만들어진 사이트입니다.
모두가 스마트폰을 이용하여 간단한 정보들을 탐색한다는 점을 고려해서, 모바일 웹 환경에서의 이용을 중점으로 개발하였습니다. 물론 데스크톱에서도 반응형 UI로 이용하실 수 있습니다 👍
- 인기 Top 10 : 평점 순으로 10위 안에 있는 칵테일 리스트 (기본 선택)
- 재료별 칵테일 : 베이스 재료에 따라 필터링된 칵테일 리스트
- 전체보기 : 전체 칵테일 리스트
- 칵테일을 클릭하면 상세페이지로 넘어가게 됩니다. 상세페이지에서 재료 버튼을 클릭하게되면 해당 재료가 들어간 모든 칵테일들을 확인하시면서 끊임없이 페이지를 탐색하실 수 있습니다.
- 베이스 재료에 따라 칵테일을 시각화된 애니메이션 형식으로 보여주는 기능입니다. (d3.js)
- 베이스가 되는 주류를 클릭하고, 그 안에 있는 칵테일들을 찾아 상세페이지로 이동할 수 있습니다.
- 클릭에 따라 줌인, 줌아웃이 가능하여 계속해서 자유롭게 칵테일들을 탐색해보실 수 있습니다.
- 칵테일과 관련된 재밌는 퀴즈들을 풀어보고 결과를 공유할 수 있는 컨텐츠 입니다.
- 매번마다 문제는 랜덤한 순서로 나오게 되며, 답을 클릭하면 상단의 progress bar 에서 진행상황이 업데이트 됩니다.
- 결과를 카카오톡으로 지인들과 공유할 수 있습니다
- 댓글창을 열어 사람들과 소통하실 수 있습니다
- 자신이 가장 좋아하는 칵테일을 찾아가는 이상형 월드컵 컨텐츠입니다.
- 카드 드로잉 애니메이션을 넣어서 마치 카드놀이를 하는 듯한 기분을 느끼실 수 있습니다
- 결과를 카카오톡으로 지인들과 공유할 수 있습니다
- 댓글창을 열어 사람들과 소통하실 수 있습니다
- 평점(Rating)
- My칵테일
- 로그인
- 회원가입
- 유저정보 변경