https://github.com/schadokar/etherscan-react

Etherscan in reactjs using semantic-ui
https://github.com/schadokar/etherscan-react

api blockchain ethereum etherscan react reactjs

Last synced: about 1 year ago
JSON representation

Etherscan in reactjs using semantic-ui

• Host: GitHub
• URL: https://github.com/schadokar/etherscan-react
• Owner: schadokar
• License: mit
• Created: 2019-11-24T14:40:08.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-11-12T01:52:48.000Z (over 2 years ago)
• Last Synced: 2025-03-23T19:44:33.240Z (about 1 year ago)
• Topics: api, blockchain, ethereum, etherscan, react, reactjs
• Language: JavaScript
• Size: 602 KB
• Stars: 19
• Watchers: 2
• Forks: 10
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Etherscan React [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

### The complete tutorial is published on [newline](https://www.newline.co/@schadokar/create-your-own-etherscan-with-react-in-5-minutes--4626addd) :tada:

:dog: This project is a simple demonstration of [etherscan](https://etherscan.io) dashboard.

The complete [Tutorial link](https://schadokar.dev/posts/create-your-own-etherscan-with-react-in-5-minutes/).

This project used the [etherscan api](https://etherscan.io/apis) to get the ethereum blockchain data.

For the UI part, instead of basic html and css, we have used the fantastic [semantic-ui](https://react.semantic-ui.com/) library.



This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## App Setup

1. Create an account in the etherscan and create an api-key token.

2. Clone the repository.

3. Run `npm install` to install all the dependencies.

4. Create an `.env` file in the `src` folder and copy paste the `.env.example` content.

5. Replace the `"ETHERSCAN API KEY"` text with your api key.

6. Run `npm start` to start the application on `localhost:3000`.

## Warning

The free api has a limit of 5 request per sec/ip. When the application was created the request cap was high.

This app is not updated for this limit.

You can create a buffer of 1-2 second in between calls to make it work.

---

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

# :pencil: Author

### :sun_with_face: Shubham Kumar Chadokar

Hello, I am a Sofware Engineer. :dizzy_face:

I love to write articles and tutorials on latest technologies. :zap:

Check out my other articles and tutorials on my blog.

:link: [schadokar](https://schadokar.in)

## License

MIT License

Copyright (c) 2020 Shubham Chadokar