{"id":15664493,"url":"https://github.com/tlip/ethereum-block-explorer","last_synced_at":"2025-05-06T19:12:34.284Z","repository":{"id":42352202,"uuid":"184123291","full_name":"tlip/ethereum-block-explorer","owner":"tlip","description":"A basic Ethereum block explorer written in TypeScript that updates in real-time using websockets","archived":false,"fork":false,"pushed_at":"2023-01-07T05:18:41.000Z","size":3790,"stargazers_count":21,"open_issues_count":12,"forks_count":1,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-05-06T19:12:24.960Z","etag":null,"topics":["block-explorer","blockchain","crypto","cryptocurrency","cryptocurrency-price-ticker","eth","ethereum","explorer","infura","javascript","react","react-context","react-hooks","real-time","realtime","socketio","transaction","typescript","web3","websocket"],"latest_commit_sha":null,"homepage":"http://explorer.thom.li","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tlip.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-04-29T18:31:58.000Z","updated_at":"2025-02-16T14:16:20.000Z","dependencies_parsed_at":"2023-02-06T12:46:15.106Z","dependency_job_id":null,"html_url":"https://github.com/tlip/ethereum-block-explorer","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tlip%2Fethereum-block-explorer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tlip%2Fethereum-block-explorer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tlip%2Fethereum-block-explorer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tlip%2Fethereum-block-explorer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tlip","download_url":"https://codeload.github.com/tlip/ethereum-block-explorer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252752060,"owners_count":21798723,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["block-explorer","blockchain","crypto","cryptocurrency","cryptocurrency-price-ticker","eth","ethereum","explorer","infura","javascript","react","react-context","react-hooks","real-time","realtime","socketio","transaction","typescript","web3","websocket"],"created_at":"2024-10-03T13:42:48.817Z","updated_at":"2025-05-06T19:12:34.261Z","avatar_url":"https://github.com/tlip.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Ethereum Block Explorer\n\n```\n███████╗████████╗██╗  ██╗███████╗██████╗ ███████╗██╗   ██╗███╗   ███╗\n██╔════╝╚══██╔══╝██║  ██║██╔════╝██╔══██╗██╔════╝██║   ██║████╗ ████║\n█████╗     ██║   ███████║█████╗  ██████╔╝█████╗  ██║   ██║██╔████╔██║\n██╔══╝     ██║   ██╔══██║██╔══╝  ██╔══██╗██╔══╝  ██║   ██║██║╚██╔╝██║\n███████╗   ██║   ██║  ██║███████╗██║  ██║███████╗╚██████╔╝██║ ╚═╝ ██║\n╚══════╝   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚══════╝ ╚═════╝ ╚═╝     ╚═╝\n                                                                     \n            ██████╗ ██╗      ██████╗  ██████╗██╗  ██╗                \n            ██╔══██╗██║     ██╔═══██╗██╔════╝██║ ██╔╝                \n            ██████╔╝██║     ██║   ██║██║     █████╔╝                 \n            ██╔══██╗██║     ██║   ██║██║     ██╔═██╗                 \n            ██████╔╝███████╗╚██████╔╝╚██████╗██║  ██╗                \n            ╚═════╝ ╚══════╝ ╚═════╝  ╚═════╝╚═╝  ╚═╝                \n                                                                     \n███████╗██╗  ██╗██████╗ ██╗      ██████╗ ██████╗ ███████╗██████╗     \n██╔════╝╚██╗██╔╝██╔══██╗██║     ██╔═══██╗██╔══██╗██╔════╝██╔══██╗    \n█████╗   ╚███╔╝ ██████╔╝██║     ██║   ██║██████╔╝█████╗  ██████╔╝    \n██╔══╝   ██╔██╗ ██╔═══╝ ██║     ██║   ██║██╔══██╗██╔══╝  ██╔══██╗    \n███████╗██╔╝ ██╗██║     ███████╗╚██████╔╝██║  ██║███████╗██║  ██║    \n╚══════╝╚═╝  ╚═╝╚═╝     ╚══════╝ ╚═════╝ ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝                                                            \n```\n\n...is obviously an Ethereum block explorer that updates in real-time by hooking into Infura's websocket API. It is rendered on the server side, is written in `Typescript`, and built with `React v16.18`.\nIt manages Web3 data in the App state by using React's `useReducer` hooks wrapped in `Context` higher-order components to bless any component with direct access to anything it needs.\n\n## Demo\nWant to check out a live action demo?\n### [Here you go!](http://explorer.thom.li)\n\n\n## Getting started\n1) Make sure you have:\n    * `node v10.13.0+`\n    * `npm | yarn`\n    * `a computer`\n2) Clone this repository\n3) `cd \u003cCLONED_DIRECTORY\u003e`\n4) `yarn` if you're of the persuarion, else `npm i`\n\n### Building and running\n```bash\n$ npm run build \u0026\u0026 npm run start:prod\n```\n\n### Running dev mode\n```bash\n$ npm start\n```\n\n\n## Notes\n* Operates one block behind current block\n  * Temporary fix because sometimes calling `web3.eth.getBlock(BLOCK_NUMER)` for the newest block would return `null`.\n* Doesn't reconnect to websocket if it closes after inactivity (Infura disconnects after 1 hour unless pinged).\n\n## TO-DO\n* ~~Add `# MORE TXs` at the bottom of the block cards when over TX count is \u003e100.~~\n* ~~Add ability to expand card to view overflow transactions.~~\n* ~~Add transaction USD price data from CoinMarketCap or CryptoCompare.~~\n* Add more tests (only 1 right now, sorry).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftlip%2Fethereum-block-explorer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftlip%2Fethereum-block-explorer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftlip%2Fethereum-block-explorer/lists"}