The next-gen crowdfunding platform. Made with React, Solidity Smart Contracts, and ThirdWeb - This simple crowdfunding application allows users to back projects through the Blockchain and Ethereum.
The flow is simple. A user connects their MetaMask wallet, then can create a campaign. Campaigns then can be backed by other users, using their wallet and Ethereum.
This site variant brings a sticky navbar, footer, and modern content displays.
Click the image below to browse this GitHub branch.
- ThirdWeb / Ethers - Connectivity between Thirdweb smart contracts and MetaMask wallet
- React - Client side rendering UI and components
- ReactDOM - provides DOM-specific methods that can be used at the top level of your app
- React-Router-DOM - Handles the routing and paths for pages
- ViteJS - the default project management system for building the application
- AutoPrefixer - CSS parser and vendor CSS management
- PostCSS - CSS-in-JS and styles in JS objects.
- TailwindCSS - Frontend CSS service
- Hardhat - Ethereum development environment. Compile your contracts and run them on a development network
- DotENV - Handles the system environment variables
- Better user-authentication methods. Implimentation of a user-account model before the connection of MetaMask.
- Payment withdrawl functionality. Once users' have completed a campaign, the withdrawl of funds to their PayPal / Bank account.
- Campaign list sorting. Ability to view by date, and their highest and lowest funding totals.
- Better user profiles. With more customization options and personality.
- Handling the Solidity contract was majority of the brainache I received. I'm still navigating Solidity, and have a long way to go in order to fully understand it.
- Handling the page routing was another pain in the ***. While they function, a re-write of the routing situation is going to happen down the line.
Click the link below to view live demo website.
Browse the demo website