🥤자판기 만들기

리액트 및 상태관리도구를 공부하기 위한 자판기 만들기 프로젝트입니다.

       

요구사항

• 지갑의 코인은 [500, 1000, 2000]단위로 사용할 수 있다.
• 음료는 [이름 / 가격] 정보를 가지고 있다.
• 지갑의 코인을 클릭하면 자판기에 표시된 금액이 증가한다.
• 반환 레버를 클릭하면 자판기에 들어간 모든 코인은 반환구에 쌓이고 자판기에 표시된 금액이 0이 된다.
• 동전 반환구를 클릭하면 쌓여있던 코인은 모두 지갑으로 되돌아 간다.
• 자판기의 금액을 초과하지 않는 금액의 음료만 선택할 수 있다.
• 선택한 음료는 문을 클릭하기 전까지는 기계안에 있고, 문을 클릭하면 선택했던 음료를 모두 인벤토리에 담을 수 있다.

실행

npm 설치

npm install

npm 실행

npm start

netlify 배포

Link : https://guddnboy-vending-machine.netlify.app/