Plz try my custombucks project this website :)
- 진행기간: 21. 9. 23. ~ 22. 1. 11.
- 프로젝트 설명: 스타벅스 메뉴판에 없는 커스텀 레시피를 한눈에 볼 수 있는 사이트입니다.
- 스타벅스에서 팔지 않는 커스텀 레시피를 한눈에 볼 수 있는 사이트입니다.
- 반응형 페이지를 기반으로 PC, 태블릿, 모바일에 대응이 가능합니다.
- URL 복사, 카카오톡, 페이스북, 라인에 공유 할 수 있습니다.
- 레시피에 좋아요 버튼을 누를 수 있습니다.(새로고침 후 동일)
- 해쉬태그별로 모아 볼 수 있습니다.
- 레시피를 정렬 할 수 있습니다.(이름순, 인기순, 가격순, 좋아요순, 새로고침 후 동일)
- 관리자와 댓글기능으로 피드백이 가능합니다.
- loading 중에는 skeleton UI를 보여줍니다.
- recipe를 직접 API로 제작하여 통신합니다.(heroku 통신속도 저하로 인한 로컬 data 사용)
- 개인 도메인을 붙여 사용성을 높였습니다.
- 콘텐츠를 빠르게 로딩하는 방법인
Amazon cloudFront와edge server를 알게 되었습니다. - 직접 API를 제작하며 데이타 설계의 중요성을 배웠습니다.(
underfetching,overfetching)