r-tom90/blockstarter

BlockStarter is the blockchain version of Kickstarter

BlockStarter

Blockchain version of Kickstarter, this will be continually improved overtime.

Table of contents

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
• Author
• Acknowledgments

Overview

Screenshot

Home Page:

Campaign Description page:

MetaMask Log In:

Mobile Responsive:

Links

• View Frontend Github Repository
• View Live Site
• View Backend Github Repository

My process

Built with

• Mobile-first Workflow
• CSS Custom Properties
• Tailwind CSS - For styles
• Third Web React SDK - JS library
• Vite - React Bootstrap
• Smart Contract Language (EVM Based): Solidity
• Wallet Provider: Metamask
• View transactions: Goerli Explorer
• Goerli Faucet: https://goerlifaucet.com/
• Goerli RPC

What I learned

• Responsive Design, connected to the testnet blockchain (Goerli Blockchain), metamask pairing, interaction with smart contracts, sending Goerli Ethereum through the blockchain network, writing solidity code, and, most importantly, the ability to create create, view, and donate to crowdfunding campaigns directly through the blockchain.

Continued development

• Minor:

  • Hover & Active color change for Button interactions
  • Logo
  • [] Tooltip

• Major:

  • Light Mode (Main Function done, color changes to come)
  • [] Withdrawal of funds
  • [] Log Out when clicked
  • [] Certain areas to require NFT Gated Web3 Authentication

Author

• Website - richardtom.site
• GitHub - @r-tom90
• LinkedIn - @richard-tom
• Twitter - @CryptoFallen
• Medium - @richardtom

Acknowledgments

Special thanks and thanks to Adrian, this portfolio was built with the tutorial from the JavaScript Mastery YouTube Channel.