DappFundX — Web3 Crowdfunding Platform | React · Solidity · Ethereum · IPFS Overview

DappFundX is a production-ready, full-stack decentralized application (dApp) that reimagines crowdfunding using blockchain technology. Unlike traditional platforms (Kickstarter, Indiegogo), DappFundX eliminates all intermediaries — every campaign, contribution, withdrawal, and refund is governed entirely by Ethereum smart contracts, making the process trustless, transparent, and censorship-resistant.

Users connect their MetaMask wallet, create a campaign with a funding goal and deadline, and receive contributions from backers worldwide in ETH or USDT. If the goal is met, the creator can withdraw funds. If the deadline passes without reaching the goal, contributors receive automatic on-chain refunds — no manual intervention required. Key Features

Wallet Integration — MetaMask connection with persistent session via localStorage. Displays connected wallet address with quick disconnect.

Campaign Creation — Creators fill out a form (title, description, goal in USD, deadline, image). Campaign metadata is uploaded to IPFS via Pinata, and the on-chain record is created via a smart contract transaction.

Multi-Currency Contributions — Backers can contribute in ETH (native) or USDT (ERC-20 token), handled by the smart contract.

Automated Withdrawals — If the campaign goal is reached, the creator can trigger a withdrawal directly from the UI.

Automatic Refunds — If the campaign expires without meeting its goal, contributors can claim their refund from the smart contract.

Explore Page — Browse all on-chain campaigns with live funding progress bars, search by keyword, and filter by Active / Ended status.

Campaign Detail Page — Full campaign view with funding stats, ETH & USDT raised breakdown, deadline, and real-time contribution forms.

Responsive UI — Fully responsive design across mobile, tablet, and desktop with a modern dark professional theme. Architecture Highlights:

Smart Contract (Solidity) — Handles campaign creation, ETH/USDT contributions, withdrawal logic, refund eligibility checks, and deadline enforcement — all on-chain.

IPFS Storage — Campaign title, creator name, description, and image are uploaded to IPFS (content-addressed, immutable), and only the CID is stored on-chain, keeping gas costs low.

Read/Write Contract Calls — Read-only calls use a static provider; state-changing calls use a signer obtained from MetaMask, following best practices for dApp security.

Component Architecture — Modular React components (Header, Footer, FeatureCard, CampaignForm, CampaignDetail) with clean separation of concerns.

Utility Layer — Dedicated utility modules for contract interactions (Contract.js), fund handling (FundHandling.js), IPFS uploads (ipfs.js), and time conversion (TimeConverter.js).