상세 컨텐츠

본문 제목

파이널 프로젝트 2일차

카테고리 없음

by 리액트바오 2022. 3. 16. 00:23

본문

위치기반 서비스를 이용한 배달 공구 사이트 / 위치기반 + 실시간 채팅 을 하게 되었다. 

오늘은 하루종일 함께 모여 기획을 했다. 기획기간동안은 모두 함께 작업해나갈 계획이다. 오늘 우리가 회의한 내용은 이러하다. 

 

위치기반 서비스를 이용한 배달 공구 사이트

  • 배달비를 절약하고자 반경 000m내의 위치에 있는 사람들과 같이 배달 시키는 서비스
  • 공구 신청자가 음식점, 최소인원, 음식을 받아갈 위치, 식당메뉴 url을 포함해서 글을 올린다 식당이 마음에 든다면 원하는 음식을 골라 참여 버튼을 누를 수 있다 최소인원이 모이면 공구신청자에게 알람이 가고 단톡방이 만들어진다.
  • (advanced: 식당메뉴와 가격도 지도에 넣고 연동시킬 수 있다면 각자 선택한 음식의 가격 + 나눈 배달비를 자동으로 계산해 얼마를 넣어야 되는지 메세지가 자동으로 생성되면 좋겠다) 모일 위치는 지도에서 표시가 가능하도록 보여준다 (지도에 음식메뉴를 아이콘으로 띄워주면 좋겠다) 그 위치에서 반경 000m이내의 사람들에게 게시글이 보이게 설정

 

결제는 일단 배제하기로 했다.

회원가입시 사용자 인증을 해야 가입이 가능하도록 구현

주소를 입력하게 해서 주소기준 가운데로 지도 출력

 

메인페이지

음식받아갈 위치를 등록하면 선택 할 수있는 모달창

음식, 최소인원, 연장기간, 식당메뉴url, 간단한 글, 공구신청자가 직접 배달이 가능한지 선택 여부

 

글쓰기 방식

마커를 찍어서 위치를 등록할건지

글쓰기 버튼을 눌러서 지도 주소를 입력하면 그 위치에 마커가 뜨게 할 것인지 + 장소 검색후 이동가능 버튼

글쓰기 버튼을 눌렀을 때 기본주소를 설정하시겠습니까? 아니면 새로 설정하시겠습니까

최소인원이 전부 모였을 때 자동 단체 채팅방 생성

 

마이페이지

  1. 만든 배달 목록
  2. 신청한 배달 목록
  3. 내 정보 수정 (본인의 마이페이지일 때만 내정보 수정이 보이도록 )주소 수정 , 전화번호 수정

페이지 → 메인페이지 , 마이페이지, 랜딩페이지

모달창 → 로그인, 회원가입, 채팅기능

 

Bare minimum requirements

  1. 유저 CRUD
    • 로그인 기능 (회원가입, 로그인, 로그아웃, 회원탈퇴)
    • 유효성검사
  2. 게시글 CRUD
  3. 메인페이지
  4. 랜딩페이지
  5. 마이페이지
  6. 지도 API 사용
    • 핀으로 마킹
  7. socket.io를 이용한 1:1 실시간 채팅
  8. 소셜로그인
  9. 체험하기 기능(글쓰기, 신청하기, 채팅 불가능)
  10. 반응형 디자인

advanced

  • 메뉴에 따른 필터링 기능
  • 단체 채팅방 기능
  • 리뷰 CRUD / 후기, 별점이나 좋아요 싫어요 남길 수 있게 구현
  • 반경 000m 이내의 데이터만 띄워주는 기능
  • 최소인원이 모였을 때 알람창
  • 채팅방 개설시 안심번호 제공

아이디어 스케치다.

9시~6시까지는 함께 모여 기획을 하고 그 후 저녁시간은 각자 공부를 하는 시간을 가지기로 했다. 

 

프론트 공부

리덕스

지도 API

실시간 채팅

반응형 css

스타일 컴포넌트

프로필 사진