Ethereum_Lotto_Machine_V3

• Goorli Testnet과 React.js를 이용한 DApp
• Blockchain Farm Term Project - Ethereum Lotto Machine Version 3

배포 사이트

• https://lottocoin.netlify.app/

Goerli Testnet faucet

• https://goerlifaucet.com/

연동방법

• remix online IDE에서 배포 후 contract address와 ABI 파일을 활용
• https://remix.ethereum.org/

Tools

• Goerli Testnet
• React
• Node.js

Sequence

1. Ethereum Lotto Machine Application 실행
2. 크롬 브라우저 - localhost:3000 진입

Command

npn install
npm start

Caution

- 최초 메타마스크 연결 새로고침 이슈 해결
- 계정(주소)을 전환할 때 새로고침하여 메인화면으로 전환 
- 크롬 브라우저에서 실행할 것
- 구글 확장 프로그램인 Open link in same tab, pop-up as tab [Free] 과 MeatMask 충돌 현상 발생
- Open link in same tab, pop-up as tab [Free] 작동 중지한 후, 프로젝트를 실행해야 함

Screen

메인화면 – 연결 전

메인화면 – 연결 후

Mypage – user

Mypage – owner

구매하기 버튼 클릭 시 화면

Buy 화면 – 로또 제출

Buy 화면 – 제출하기 버튼 클릭 시

Buy 화면 – 결과

Reference

• React & Web3 Setting Error Solved
• React, Solidity, Web3.js로 dApp 만들어 보기