Explore Blocks, Track Transactions, and Showcase NFTs
BlockScope is a Dapp designed to streamline blockchain exploration by offering real-time block and transaction tracking, advanced search functionality for specific blocks and transactions, and a personal NFT portfolio view. Built with QuickNode integration, this app provides users with a simple and efficient way to interact with blockchain data.
- Real-time Monitoring: Fetches the latest blocks and transactions using QuickNode Streams and Functions.
- Advanced Search: Easily search for specific transactions or blocks using QuickNode’s JSON-RPC provider.
- NFT Viewer: Displays the user’s NFTs in a secure, accessible format.
- Frontend: Next.js, Tailwind CSS
- Backend: Node.js, Prisma, PostgreSQL
- Blockchain Services: QuickNode Functions, QuickNode Streams, JSON-RPC Provider by QuickNode
-
Clone the repository
git clone [https://github.com/yourusername/BlockScope.git](https://github.com/aasiflm10/BlockScope.git) cd BlockScope -
Install dependencies
npm install
-
Start the development server
npm run dev
- Real-Time Data Synchronization: Managing live data with QuickNode streams posed challenges due to occasional lags. We added a fallback polling method to keep data consistent.
- Optimizing RPC Calls: High traffic affected the response time for block and transaction searches, so we implemented caching to improve speed and efficiency.
- Real-time Block Updates: View live updates on the latest blocks and transactions.
- Search: Search for a specific block or transaction by entering its ID or hash.
- NFT Viewer: Connect your wallet to see your NFT assets directly within the app.
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is made for Quicknode BuildOn Hackathon.