Giter VIP home page Giter VIP logo

starbucks-recipe-project's Introduction

❏ 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

ReactJS

typescript-badge

styledComponents

amazon-s3

Netlify Status

heroku

strapi

❏ Learned

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

starbucks-recipe-project's People

Contributors

ywtechit avatar

Stargazers

 avatar

Watchers

 avatar

starbucks-recipe-project's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.