A full-stack web application that provides real-time insights into the Bitcoin blockchain, allowing users to explore blocks, transactions, and network data through a clean and responsive user interface.
The project focuses on combining a modern frontend with a lightweight backend API layer to securely fetch, process, and present blockchain data in a user-friendly way.
- View latest Bitcoin blocks and transactions
- Search functionality for blocks and transaction hashes
- Real-time data fetching from external blockchain APIs
- Responsive UI optimized for desktop and mobile devices
- Backend API layer for request handling and environment-based configuration
- Clean separation between frontend and server logic
Frontend
- React
- JavaScript
- HTML5, CSS3
Backend
- Node.js
- Express
- Axios
Tools & Libraries
- Nodemon
- dotenv
- CORS
/bitcoin-blockchain-app
/client # React frontend
/server # Express backend API
- Node.js (v18+ recommended)
- npm
git clone https://github.com/LuceLatin/Bitcoin-blockchain-app.git
cd Bitcoin-blockchain-app
cd server
npm install
npm start
cd ../client
npm install
npm start
Create a .env file inside the server folder:
RPC_USER=your_rpc_username
RPC_PASSWORD=your_rpc_password
RPC_HOST=your_rpc_host
RPC_PORT=your_rpc_port
RPC_URL=your_rpc_url
These variables are used to connect the backend server to a Bitcoin node via RPC.
- Building a full-stack architecture with a dedicated API layer
- Integrating third-party blockchain APIs securely
- Structuring frontend and backend for scalability and maintainability
- Handling async data fetching and error states in React
- Designing responsive, user-focused interfaces
- Transaction and address analytics dashboard
- Pagination and advanced filtering
- UI performance optimization
- Authentication for personalized dashboards
Luce Latin
Frontend / Full-Stack Developer
LinkedIn: https://hr.linkedin.com/in/luce-latin-a185022bb GitHub: https://github.com/LuceLatin