Decomic

Ethers, React, Truffle, Wagmi, Webpack

• Blockchain Integration: The project deploys a Solidity smart contract (SimpleStorage) using Truffle and interacts with it via a React front-end.
• Decentralized Wallet Connectivity: It integrates wallet connection functionality using Wagmi and MetaMask, enabling users to connect their wallets and interact with blockchain data.
• Dynamic Comic Viewer: The app conditionally renders PDF comics (via react-pdf) based on token balance, including navigation between comic pages and disabling right-click for content protection.
• React-Based User Interface: A modern UI is built with React, Mantine components, and custom styling (Webpack, CSS) to create a responsive and engaging experience with components like headers, footers, and modals.
• Routing & Webpack Build Process: Uses React Router for client-side routing and Webpack for bundling, ensuring smooth navigation between pages (e.g., landing page and comic details).