A simple decentralized frontend built for the PinMe x AthenaX DeFront Hackathon. It includes a hackathon dashboard, a DAO treasury & proposals viewer and a CID viewer, all running fully on IPFS pinMe.
This project is a simple, clean, and fully decentralized frontend built for the PinMe x AthenaX DeFront Hackathon. My goal was to show how a complete UI can run directly from the browser without using any backend or server. The whole app is deployed through PinMe and hosted on IPFS, so it loads instantly and works anywhere.
The project includes three main parts.
First, a Hackathon Dashboard where users can see all tasks and basic event information in one place. This helps participants understand what they need to build and how the hackathon works.
Second, a DAO section that shows treasury balances and proposal information using Viem and public RPC endpoints. Everything is fetched on the client side, making this a true serverless Web3 interface.
Third, a CID Viewer that lets users open IPFS CIDs quickly through public gateways. It’s a small but useful tool for checking decentralized content.
The app is built with React + Vite, styled with Bootstrap, and uses HashRouter so every route works correctly on IPFS. Overall, this project is a simple example of how to build a functional decentralized frontend using PinMe.
During the hackathon, I started from a simple React setup and gradually built each part of the project step by step. My main focus was to understand how a fully client-side app can run on IPFS using PinMe, and how HashRouter helps decentralized routing. I first created the basic layout and structure of the app, including the navbar, footer, and pages. After that, I added the Hackathon Dashboard with all tasks and event information. Once the UI was stable, I moved on to the DAO section, where I integrated Viem and public RPC to read treasury balances and proposals directly from the blockchain. This part helped me understand on-chain data fetching without a backend.