❏ Preview

Plz try my custombucks project this website :)

❏ Summary

1. 진행기간: 21. 9. 23. ~ 22. 1. 11.
2. 프로젝트 설명: 스타벅스 메뉴판에 없는 커스텀 레시피를 한눈에 볼 수 있는 사이트입니다.

❏ Introduce

1. 스타벅스에서 팔지 않는 커스텀 레시피를 한눈에 볼 수 있는 사이트입니다.
2. 반응형 페이지를 기반으로 PC, 태블릿, 모바일에 대응이 가능합니다.
3. URL 복사, 카카오톡, 페이스북, 라인에 공유 할 수 있습니다.
4. 레시피에 좋아요 버튼을 누를 수 있습니다.(새로고침 후 동일)
5. 해쉬태그별로 모아 볼 수 있습니다.
6. 레시피를 정렬 할 수 있습니다.(이름순, 인기순, 가격순, 좋아요순, 새로고침 후 동일)
7. 관리자와 댓글기능으로 피드백이 가능합니다.
8. loading 중에는 skeleton UI를 보여줍니다.
9. recipe를 직접 API로 제작하여 통신합니다.(heroku 통신속도 저하로 인한 로컬 data 사용)
10. 개인 도메인을 붙여 사용성을 높였습니다.

❏ Stacks

❏ Learned

1. 콘텐츠를 빠르게 로딩하는 방법인 Amazon cloudFront와 edge server를 알게 되었습니다.
2. 직접 API를 제작하며 데이타 설계의 중요성을 배웠습니다.(underfetching, overfetching)