ysheokorea / -project-Ytherscan

Ytherscan project

Goals

이더스캔(ytherscan)은 이더리움 Ropsten 블록체인의 정보를 가져와 디스플레잉 하는 Web3 application입니다.

이더스캔의 기능은 다음과 같습니다.

1. Accounts에 대한 정보
2. Transaction에 대한 정보
3. Block에 대한 정보

Functionalities

1. 메인 페이지에서 검색을 진행합니다.

• Accounts, Tx, Block, Contract 검색가능

2. 메인 페이지에서는 10초에 한번 Refresh 됩니다.

3. Sidebar를 통해 Account, Tx, Block, Contract에 접근 가능합니다.

Architecture

1. Server : Express.js

2. Client : React

Express에서 web3 객체를 생성해 web3.eth.module을 사용합니다. 서버에서 이더리움 테스트넷 블록체인에 접근 후 클라이언트로 정보를 보내주면 React에서 렌더링 하여 보여줍니다.

React에서는 10초에 한번씩 신규 생성 블록 정보를 가져와 화면에 렌더링 합니다.