web3_crowdfunding Tailwind Templates

Web3_crowdfunding

Crowd3D, pronounced "crowded", is a web3 crowdfunding application using Vite.js, Tailwind CSS, & the Thirdweb SDK.

Crowd3D - Web3 Crowdfunding Application.

Crowd3D, pronounced "crowded", is a web3 crowdfunding application using Vite.js, Tailwind CSS, & the Thirdweb SDK.

  • This project was created to experiment with web3 concepts and creating my own smart contracts using HardhatšŸ‘· and Solidity!
  • I was also able to learn how to deploy my smart contracts and connect them to MetaMask
  • In addition, got to express my creative UI and design using Tailwind CSS for quick styling implementation

šŸ‘Øā€šŸ’» Please use this link to demo the live site! https://crowd3d.netlify.app/

🤩 To check out my smart contract code for this project: https://github.com/nickhuynhq/web3_crowdfunding_server

Project Screenshot

crowd3d

Project Demo

https://user-images.githubusercontent.com/71597829/212486961-09541fe8-738f-40f0-b24b-4e63254a6639.mov

Current Features

  • Connect to MetaMask
  • Create campaigns
  • Fund Campaigns
  • Search Campaigns

Tech Stack

Vite React React Router Tailwind CSS HTML5 Solidity Ethereum

Installation

  1. Clone this repository. $ git clone https://[email protected]:nickhuynhq/web3_crowdfunding.git

  2. Run npm install from inside the root directory.

    $ cd web3_crowdfunding
    $ npm install
    
  3. Create your own .env file

    VITE_CONTRACT_ADDRESS=<YOUR_CONTRACT_ADDRESS>
    
  4. Run the app

$ npm run dev

Author

Nicholas Huynh @nickhuynhq

Swag

Top categories

Loading Svelte Themes