August 11, 2023

Crowdy dApp built using Reactjs

Crowdy dApp

Description

Decentralized Crowdfunding Platform

Crowdy is a platform where you can create your own crowdfunding campaign and raise funds for your project. Powered by blockchain technology that brings transparency and accountability along with security.

The platform aims to bring crowdfunding application on blockchain thus providing decentralization and numerous other benefits that comes as side effects of blockchain. Crowdy is the name for the platform which enables thinkers, innovators and aimers to make it large with help of the community.

Just follow a few steps and you will be one step forward towards your goal :-

  • Create a Campaign with a minimum contribution amount.
  • Describe your campaign nicely and receive contributions.
  • Be accountable and make spending requests whenever needed, wait for approval.
  • If community finds it legitimate and right, you're good to go.
  • Be consistent and make your project reality.

Live Demo

https://user-images.githubusercontent.com/54992097/200572739-359c3d83-5db6-4afa-ba60-4490fc507fb1.mp4

Photos

Landing Page

image image image image image

Dashboard

image

Campaign Page

image

Request Page

image

Technology Used

Used truffle toolkit with react

Frontend

  • HTML/CSS/JS
  • React.js
  • SCSS
  • reactstrap

Truffle Backend

  • Solidity for Smart Contract
  • Ganache local network

Inspiration

The inspiration for this project was to build a decentralized application solving current problems. There is a very critical problem in the working of current crowdfunding systems, centralization being the major one followed by accountability and consensus system for deciding expenses. I got inspiration about this application from a video of Stephen Grider where he talked about having this idea and then I implemented it and tested it on the local ganache network. This solves a lot of these problems by using the advantages blockchain provide as a technology, which include transparency, security, decentralization, consensus. The process is made as simple as possible.

How was it built

First the smart contract for the application was created on Remix IDE which was tested with different inputs, then I used truffle unbox react to get a basic truffle template with react included. The latest version of solidity and react with Context API has been used. I then added the contract in the code, then wrote tests for the application which I tested using truffle test. After testing and finalizing I deployed them on ganache local network using truffle migrate --network ganache_local with instance of ganache running. Then I started working on the frontend part of the application. I started with designing in AdobeXD. I developed the frontend using react and npm libraries.

Future Scope

  • Search for campaigns
  • Profiles for managers and contributers
  • More Semantic UI
  • Spam filtering and discussion channels

Contact

For any assistance or need, contact me at Chaitanya Gupta