SpringBoot 배달의민족 클론코딩

 

https://github.com/minkyi2180/cloneBaemin.git

GitHub - minkyi2180/cloneBaemin

배달의 민족 웹사이트 클론코딩

참고: sumin2.tistory.com

환경 : Springboot / STS3 / Oracle DB /  SpringSecurity / oauth2 / 

 

△ 메인화면

주소 검색하여 내 주위 음식점을 찾아준다

카카오맵 API사용

△ 로그인 페이지

구글, 카카오, 네이버 API 구현

아이디/비밀번호 찾기는 구현하지 못했다

△ 로그인 전과 후 

닉네임을 불러오기

△ 회원가입 페이지

아무것도 입력하지 않으면 버튼이 활성화되지 않는다

아이디, 이메일, 닉네임 입력하라는 script 동작(오른쪽)

 

 

△ 

아이디, 닉네임 중복 확인

중복 없이 칸을 다 채웠을 때 버튼이 활성화되며 가입이 완료된다

△ 메인에서 피자 카테고리를 누르면 피자 가게들이 나온다

운영 시간을 설정해서 그 시간이 아니면 준비중이라고 뜨게끔 설정했다

 

 

△ 가게 페이지에 들어가면 메뉴가 나오고 장바구니가 나온다

지금 메뉴와 정보가 동작하지 않는 오류가 발생했다

고칠 것..!

 

▶ 오류 해결 !

- API를 받을 때 서버주소를 8080으로 해서 받아놓고 서버가 겹친다는 이유로 배민프로젝트 서버를 변경하였더니

동작하지 않았다

- 서버 포트를 다시 8080으로 바꿨더니 정보, 리뷰 페이지로 이동이 가능해졌다!

 

 

△ 메뉴 선택 시 Bootstrap 모달 효과 삽입

 

△  장바구니

 

△  주문하기

 

 

 

△ 포인트 사용

 

 

△  주문완료 script , bootstrap 사용

 

 

△ 주문 상세 내역 보기

주문 내역목록에서 클릭해서 볼 수 있다

 

 

△ 주문 내역 목록에서 리뷰 쓰기 + 사진 올리기

작성한 리뷰 수정기능

 

△  리뷰쓰기

주문한 가게에서만 리뷰를 쓸 수 있고

내가 쓴 글과 사진을 볼 수 있다

 

 

 

 

 

 

△ 정보 탭 ( 내 위치와 가게 위치를 api를 이용하여 나오게 하였다)

리뷰탭 이미 작성한 리뷰들이 보인다

주문을 해야지만 리뷰를 쓸 수 있도록 설정하였다

 

▷ 아쉬운 점

: 리뷰를 쓰면서 매긴 별점이 옆부분에 색으로 표시가 되지 않았다

 

 

△ 검색화면

 

 

△ 찜 목록

- 찜 목록이 여러번 중복해서 나오는 오류가 발생했다

나중에라도 고쳐야겠다

 

△ 주문내역

빈 화면과 주문했을 시 나오는 내역

 

 

▶ 아쉬운 점

Admin 부분을 다 완성하지 못했다