CAMPAIGN-CROWDFUNDING-WEB3-APP

► CrowdFunding Web3

Developed with the software and tools below.

---

🔗 Quick Links

    📍 Overview
    📦 Features
    📂 Repository Structure
    🧩 Modules
    🚀 Getting Started
        ⚙️ Installation
        🤖 Running Campaign-Crowdfunding-Web3-App
        🧪 Tests
    🛠 Project Roadmap
    🤝 Contributing
    📄 License
    👏 Acknowledgments

📍 Overview

The Campaign-Crowdfunding-Web3-App is a decentralized crowdfunding platform designed to empower creators and entrepreneurs by leveraging Web3 technology. This application integrates smart contracts with blockchain technology to enable secure, transparent, and efficient crowdfunding campaigns. Users can create, fund, and track campaigns, as well as interact with the community through a user-friendly interface.

📦 Features

Decentralized Campaign Creation: Launch crowdfunding campaigns using blockchain technology.
Smart Contract Integration: Secure and transparent transactions facilitated by smart contracts.
User Profiles: Create and manage personal profiles to track your campaigns and contributions.
Dashboard: View active and past campaigns, manage ongoing projects, and access campaign details.
Responsive Design: Accessible on various devices with a modern and intuitive UI.
Real-Time Updates: Instant notifications on campaign status and funding progress.

📊 DashBoard Visuals

🔐 Use MetaMask For Login and Use Sepolia Test Coin

🚀 Deployed Website

Check it out here: Crowdfunding Web3 App

📂 Repository Structure

└── Campaign-Crowdfunding-Web3-App/
    ├── Contract
    │   ├── README.md
    │   ├── artifacts
    │   │   ├── build-info
    │   │   │   └── a779a57e8a7c55d8418192abf5957381.json
    │   │   └── contracts
    │   │       └── Contract.sol
    │   │           ├── MyContract.dbg.json
    │   │           └── MyContract.json
    │   ├── cache
    │   │   └── solidity-files-cache.json
    │   ├── contracts
    │   │   └── Contract.sol
    │   ├── hardhat.config.js
    │   ├── package-lock.json
    │   ├── package.json
    │   └── yarn.lock
    ├── LICENSE.md
    ├── README.md
    ├── index.html
    ├── package-lock.json
    ├── package.json
    ├── postcss.config.js
    ├── public
    │   └── images
    │       ├── dashboard-preview.png
    │       ├── portal-preview.png
    │       └── templates-preview.png
    ├── src
    │   ├── App.jsx
    │   ├── assets
    │   │   ├── create-campaign.svg
    │   │   ├── dashboard.svg
    │   │   ├── index.js
    │   │   ├── loader.svg
    │   │   ├── logo.svg
    │   │   ├── logout.svg
    │   │   ├── menu.svg
    │   │   ├── money.svg
    │   │   ├── payment.svg
    │   │   ├── profile.svg
    │   │   ├── search.svg
    │   │   ├── sun.svg
    │   │   ├── thirdweb.png
    │   │   ├── type.svg
    │   │   └── withdraw.svg
    │   ├── components
    │   │   ├── CountBox.jsx
    │   │   ├── CustomButton.jsx
    │   │   ├── DisplayCampaigns.jsx
    │   │   ├── FormField.jsx
    │   │   ├── FundCard.jsx
    │   │   ├── Loader.jsx
    │   │   ├── Navbar.jsx
    │   │   ├── Sidebar.jsx
    │   │   └── index.js
    │   ├── constants
    │   │   └── index.js
    │   ├── context
    │   │   └── index.jsx
    │   ├── index.css
    │   ├── main.jsx
    │   ├── pages
    │   │   ├── CampaignDetails.jsx
    │   │   ├── CreateCampaign.jsx
    │   │   ├── Home.jsx
    │   │   ├── Profile.jsx
    │   │   └── index.js
    │   └── utils
    │       └── index.js
    ├── tailwind.config.js
    ├── vite.config.js
    └── yarn.lock

---

🧩 Modules

.

File	Summary
index.html	► INSERT-TEXT-HERE
postcss.config.js	► INSERT-TEXT-HERE
vite.config.js	► INSERT-TEXT-HERE
package.json	► INSERT-TEXT-HERE
tailwind.config.js	► INSERT-TEXT-HERE
package-lock.json	► INSERT-TEXT-HERE
yarn.lock	► INSERT-TEXT-HERE

Contract

File	Summary
package.json	► INSERT-TEXT-HERE
hardhat.config.js	► INSERT-TEXT-HERE
package-lock.json	► INSERT-TEXT-HERE
yarn.lock	► INSERT-TEXT-HERE

Contract.cache

File	Summary
solidity-files-cache.json	► INSERT-TEXT-HERE

Contract.artifacts.build-info

File	Summary
a779a57e8a7c55d8418192abf5957381.json	► INSERT-TEXT-HERE

Contract.artifacts.contracts.Contract.sol

File	Summary
MyContract.dbg.json	► INSERT-TEXT-HERE
MyContract.json	► INSERT-TEXT-HERE

Contract.contracts

File	Summary
Contract.sol	► INSERT-TEXT-HERE

src

File	Summary
App.jsx	► INSERT-TEXT-HERE
index.css	► INSERT-TEXT-HERE
main.jsx	► INSERT-TEXT-HERE

src.constants

File	Summary
index.js	► INSERT-TEXT-HERE

src.utils

File	Summary
index.js	► INSERT-TEXT-HERE

src.pages

File	Summary
CampaignDetails.jsx	► INSERT-TEXT-HERE
CreateCampaign.jsx	► INSERT-TEXT-HERE
Home.jsx	► INSERT-TEXT-HERE
Profile.jsx	► INSERT-TEXT-HERE
index.js	► INSERT-TEXT-HERE

src.components

File	Summary
CustomButton.jsx	► INSERT-TEXT-HERE
DisplayCampaigns.jsx	► INSERT-TEXT-HERE
Loader.jsx	► INSERT-TEXT-HERE
FormField.jsx	► INSERT-TEXT-HERE
Sidebar.jsx	► INSERT-TEXT-HERE
index.js	► INSERT-TEXT-HERE
CountBox.jsx	► INSERT-TEXT-HERE
FundCard.jsx	► INSERT-TEXT-HERE
Navbar.jsx	► INSERT-TEXT-HERE

src.context

File	Summary
index.jsx	► INSERT-TEXT-HERE

---

🚀 Getting Started

Requirements

Ensure you have the following dependencies installed on your system:

• JavaScript: version x.y.z

⚙️ Installation

1. Clone the Campaign-Crowdfunding-Web3-App repository:

git clone https://github.com/Rohit-Bhetal/Campaign-Crowdfunding-Web3-App

2. Change to the project directory:

cd Campaign-Crowdfunding-Web3-App

3. Install the dependencies:

npm install

🤖 Running Campaign-Crowdfunding-Web3-App

Use the following command to run Campaign-Crowdfunding-Web3-App:

node app.js

🧪 Tests

To execute tests, run:

npm test

---

🛠 Project Roadmap

Phase 1: Initial setup and basic functionality.
Phase 2: Implementation of smart contracts and Web3 integration.
Phase 3: UI enhancements and feature additions.
Phase 4: Testing, debugging, and final release.

🤝 Contributing

Fork the repository
Create a new branch: git checkout -b feature/YourFeature
Make your changes and commit them: git commit -am 'Add new feature'
Push to the branch: git push origin feature/YourFeature
Create a new Pull Request

📄 License

This project is licensed under the MIT License. 👏 Acknowledgments

Vite - A fast build tool.
React - A JavaScript library for building user interfaces.
Tailwind CSS - A utility-first CSS framework.