Note: This Repo is under development.

💸 Crowd-Funding Web3 App - Vite, React & Thirdweb

Overview

Crowd-Funding Web3 App is a decentralized platform for raising funds using blockchain technology. Built with Vite, React, and Thirdweb, it allows users to create campaigns and donate using cryptocurrency.
Deployed on Vercel and Smart contract on Goerli testnet. This project highlights my ability to build Web3 frontends. (though smart contract is also written by me :} )

Live Demo - Note: Add your live demo link here if available!

Features

• Create Campaigns: Users can launch crowdfunding campaigns with descriptions and goals.
• Donate Crypto: Seamless donations using Thirdweb’s Web3 integration.
• Real-Time Updates: Campaign progress updates in real-time.
• User-Friendly UI: Intuitive design for Web3 interactions.

Tech Stack

• Vite: For fast frontend development.
• React: For building reusable UI components.
• Thirdweb: For Web3 integration (smart contracts, wallet connections).
• CSS: Custom styles for a clean look.

Getting Started

To run this project locally, follow these steps:

Prerequisites

• Node.js (v16 or higher)
• Git
• A crypto wallet (e.g., MetaMask) for testing Web3 features

Installation

1. Clone the repository:

   git clone https://github.com/RohitKS7/Crowd-Funding-Web3-App.git
   cd Crowd-Funding-Web3-App

2. Install dependencies:

   npm install
   

3. Set up environment variables:

   • Create a .env file in the root directory.
   • Add your Thirdweb API key (get it from thirdweb.com):

    VITE_THIRDWEB_API_KEY=your_thirdweb_api_key
   

4. Run the app:

   npm run dev
   

5. Open

    http://localhost:5173
   

   in your browser to see the app.

Project Structure

• src/: Main source code directory.
• src/components/: Reusable React components for campaigns and donations.
• src/pages/: App views (e.g., home, campaign creation).
• src/styles/: Custom CSS for styling.
• web3: smart contract

Relevance to Amana

This project aligns with Amana’s Web3 frontend needs:

• Built with React, part of Amana’s stack, and Vite (similar to Next.js for frontend).
• Focuses on Web3 user interactions (e.g., donations), like Amana’s gasless actions (e.g., “Deposit Gasless”).
• Shows my experience with DeFi-like apps, directly relevant to Amana’s yield aggregator.

Contribution

I built this app from scratch, designing the UI and integrating Web3 functionality with Thirdweb. I focused on making the crowdfunding process seamless and intuitive for users.

License

This project is open-source under the MIT License—free to use and modify.

Contact

For questions, reach out to me on LinkedIn or X.