‘아아요’는 카페에서 단체 메뉴 취합 시 취합자와 주문자 모두에게 쉽고 편리한 방식으로 메뉴를 취합할 수 있도록 돕는 웹사이트입니다. 일일이 메모장에 받아적지 말고, 링크만 공유하세요. 메뉴를 직접 보고 선택할 수 있어요!
방 생성: 취합자가 카페를 선택하고, 임의로 생성된 유니크 URL을 통해 방을 만듭니다.
링크 공유: 생성된 링크를 통해 주문자들에게 방을 공유할 수 있습니다.
메뉴 선택: 주문자들은 링크를 통해 입장 후 자신이 원하는 메뉴를 선택합니다.
메뉴 취합: 모든 선택된 메뉴는 한 페이지에 정리되어 표시됩니다. 모두가 열람가능합니다.
전체 페이지는 mobile-first 로 구현하였으며, PC 화면에서도 해당 비율 유지할 수 있도록 max-width를 지정해두었습니다.
백엔드: Django를 활용하여 views.py, models.py에서 방 생성 및 사용자 구분 기능을 구현했습니다. 사용자는 로그인 없이도 세션을 통해 쉽게 구별됩니다. Kakao SDK 를 활용하여 카카오톡 공유하기 기능을 구현했습니다.
프론트엔드: JavaScript를 사용해 AJAX와 modal로 페이지 전환 없이 정보를 동적으로 처리했습니다. 직관적이고 간단한 레이아웃으로 사용자의 편의성을 높였습니다.
크롤링: Selenium을 사용해 카페별 메뉴 정보를 크롤링하고, 이를 PostgreSQL 데이터베이스에 저장했습니다.
서버 및 DB: AWS EC2 서버와 PostgreSQL 데이터베이스를 사용했으며, Route 53을 통해 도메인 호스팅을 설정했습니다.
안시환 Product Manager
김민수 BE Leader
이송민 PR Leader
이지현 FE Leader