MTGO Front

목차

• MTGO Front
  • 목차
  • 💁🏻‍♂ 웹 서비스 소개
  • 🧑🏻‍💻 팀원 소개
  • 📚 주요 기능

💁🏻‍♂ 웹 서비스 소개

엠티 및 단체 여행 준비과정을 쉽게 만들어, 계획을 짜는 사람들의 고충을 덜어주는 서비스

엠티(단체여행)을 즐겁게 간 사람들은 많습니다. 하지만 그걸 계획하는 사람들은 고충을 겪어야하는 문제가 있습니다. 숙소를 찾으려면 검색포탈에 하나하나 검색해서 홈페이지에 들어가봐야 하고, 홈페이지에 들어가도 가격과 정보를 제대로 써놓지 않은 곳이 많습니다. 예약문의를 온라인 상이 아니라 전화나 문자로 하는 곳도 많습니다. 따라서 귀찮고 번거로움을 느낄 수밖에 없죠. 인터넷 사용과 검색에 익숙한 20대 대학생들도 숙소찾기가 귀찮고 번거로운데 
디지털 사용능력이 떨어지는 사람들은 더욱 더 힘들겁니다. 또한 장볼 목록이나, 컨텐츠 제작에도 많은 시간이 들죠.

그래서 숙소찾기, 장보기 목록, 레크레이션 활동 구성과 같이 엠티 준비에 불가피한 요소들 간편화하여 제공하고자 MTGO 서비스를 기획하게 되었습니다.

🧑🏻‍💻 팀원 소개

FE	FE	BE	BE	기획	디자인
최유찬	김민정	김도훈	김유림	남윤	문나라

📚 주요 기능

1. 로그인 / 회원가입 - Token 인증 방식

   

2. 메인 페이지 - 인기순으로 숙소, 장보기 목록, 레크레이션 리스트들을 제공

3. 숙소 리스트 페이지 - 페이지네이션 적용, 지역/가격/인원 카테고리 검색 기능, 스크랩 기능

3. 숙소 상세 페이지 - 숙소 상세 정보들 제공, 리뷰 작성 기능

4. 레크레이션 리스트 및 상세 페이지 - 페이지네이션 적용, 스크랩 기능

5. 장보기 페이지 - 기존 장보기 목록 가져오기 / 기본 제공 목록 + 사용자 정의 목록 -> 금액, 수량 수정 가능

6. 마이페이지 - 숙소, 레크레이션 스크랩 목록 및 개인 장보기 목록 확인 기능 / 회원정보 수정 및 탈퇴

7. 팀스페이스 (공동 작업 공간) - 여러 사람이 함께 숙소, 레크레이션, 장보기 목록을 한 곳에서 관리하며 MT를 기획할 수 있는 기능입니다.

• 팀스페이스 생성 및 참여 -> 해당 팀스페이스의 코드를 복사해 공유하여 참여하도록 할 수 있습니다.

• 팀스페이스에 숙소, 레크레이션 추가 -> 현재 참여하고 있는 팀스페이스 목록과, 팀스페이스 스크랩 여부를 확인할 수 있고 추가할 수 있습니다.

• 팀스페이스에 장보기 목록 추가 -> 장보기 목록에서 팀스페이스 목록을 보여주고, 만약 팀스페이스에 물품 목록이 있으면 정보를 가져와 리스트를 보여줍니다. 해당 공간에서 작업하고 추가하면 팀스페이스 장보기 목록에 추가됩니다.

8. 반응형 구현 (모바일 화면)