Magic Cake

 

 

 

로그인 되지 않은 초기 화면입니다.

 

로그인 화면입니다.

 

 

 

회원가입 화면입니다.

우편번호 찾기 버튼을 누르면 Kakao Map API를 통해서

우편번호, 도로명 주소가 자동으로 입력됩니다.

 

 

 

로그인 후 메인 페이지입니다.

 

 

 

 

케이크 목록 페이지입니다.

 

 

 

디테일 페이지입니다.

 

 

 

디테일 페이지에서 옵션 선택 버튼을 누르면 넘어가게 되는 주문확인 페이지입니다.

 

 

 

결제하기 버튼을 누르면 넘어가게 되는 페이지입니다.

tosspay API를 사용하여 테스트 결제를 가능하게 했습니다.

결제는 휴대폰 토스 앱 등을 통하여 가능합니다.

 

 

 

결제를 완료해야 넘어가는 주문 완료 페이지입니다.

 

 

 

주문 정보는 마이페이지에서 확인할 수 있습니다.

 

 

주요 기능 외의 페이지

 

 

마이 페이지입니다.

 

 

About Us 페이지입니다.

 

 

 

메인 페이지 깃허브 아이콘 위에 있는 붓 아이콘과 컴퓨터 아이콘을 누르면 뜨게 되는 각각의 모달창입니다.

이상 주문제작 케이크 사이트인 Magic Cake였습니다.

감사합니다!

 

GitHub 링크

https://github.com/parkhayoung615/Magic-Cake