Beatoz Scan Frontend

Solo-built Beatoz blockchain explorer frontend with block/tx/validator/account/token views and Web Worker + Socket.IO based real-time updates.

Role: Solo builder · architecture, implementation, and operational tooling
Period: 2025
Context: Beatoz Labs

01 / Executive summary

Solo-built Beatoz blockchain explorer frontend with block/tx/validator/account/token views and Web Worker + Socket.IO based real-time updates.

DECISION / ASystem challenge

What made the system difficult.

Needed real-time updates without blocking the UI, plus clean separation of API/Socket/RPC endpoints across environments.

DECISION / BEngineering response

How boundaries and flows answered it.

Built a Vite + React + TS app with React Router v6 and Recoil state. Implemented Axios API clients and Web3/RPC modules, and offloaded Socket.IO realtime updates to a Web Worker. Managed environment switching via env files.

03 / Technology field

01Vite02React03TypeScript04React Router05Recoil06Axios07Socket.IO08Web Worker09Web3

04 / Detailed record

Overview

Solo-built blockchain explorer frontend for Beatoz.

Key Components

Vite build and React entry points (src/main.tsx, src/app-entry.tsx)
React Router v6 routing for explorer domains (blocks/tx/validators/accounts/tokens/assets)
Recoil global state and Web3/RPC integration modules
Web Worker + Socket.IO for real-time block/tx updates
Environment separation via env files for API/Socket/RPC endpoints

05 / Factual evidence

ACTUAL PROJECT ASSET / NOT GENERATED