React-Food

Udemy강의를 통해 React로 음식을 주문하는 프로젝트

구현 방식

modal: createPotal로 modal를 구현   
데이터: useContext, Provider로 데이터를 관리   
css: React에서 제공하는 module.css를 적용시켜봄으로 ClassName의 중복을 피함   
firebase: modal form제출시 주문 데이터가 firebase로 이동   
useReduce: 주문할 음식의 갯수를 더하고 빼는것, form제출 후 useReduce 'CLEAR'로 장바구니 초기화는 useReduce로 구현

food food2 food3 firebase firebase2png