-
-
Home Page- it displays all the active campaigns
-
Campaign Display Page- it displays all the details and gives and option to contribute
-
Campaign Display Page- showing a complete campaign
-
Add Campaign Page- allows user to create there own campaign
-
Add Card Popup- allows user to pay via card
-
My Account Page- shows a user's active campaign if any
-
Hedera Workings
-
Hedera Workings
-
Circle Workings
Inspiration
The inspiration behind FundRiser was to create a web3 crowdfunding platform that leverages the benefits of blockchain technology, specifically the Hedera network. We wanted to provide a secure and transparent way for individuals and organizations to raise funds for their projects, while also allowing users to contribute anonymously using cryptocurrencies. Additionally, we aimed to offer a seamless user experience by integrating Microsoft Azure for authentication and enabling contributors to use their credit cards for donations.
What it does
FundRiser is a web application that allows users to create fundraising campaigns and accept donations in both cryptocurrencies and traditional currencies. Users can sign in to the platform using their Microsoft Azure accounts, which ensures a secure and streamlined authentication process. Once logged in, campaign creators can create a campaign page, set a funding goal, and provide details about their project. Contributors can browse through the available campaigns, view project descriptions, and choose to donate anonymously using cryptocurrencies or with their cards.
How we built it
FundRiser was built using a combination of cutting-edge technologies to deliver a comprehensive and user-friendly experience. The backend of the web application was developed using Express, a widely adopted Node.js framework that handles routing and server-side logic. For the front end, we leveraged React, a powerful JavaScript library renowned for building dynamic and interactive user interfaces. We utilized Tailwind CSS, a utility-first CSS framework to achieve a modern and responsive design.
In order to integrate blockchain technology, we incorporated the Hedera network. Hedera provided the foundation for secure and transparent transactions, ensuring the integrity of the fundraising process. Using smart contracts and distributed ledger technology, FundRiser can maintain a trusted and immutable record of all donations and campaign details.
We integrated Microsoft Azure to enable secure user authentication, leveraging its robust authentication capabilities. By utilizing the relevant Azure APIs and SDKs, users can sign in to FundRiser securely using their Azure accounts. This ensures a streamlined and trustworthy authentication process.
In addition to traditional currency payments, FundRiser supports anonymous cryptocurrency donations from Meta Mask. To facilitate donations from cards, we integrated Circle, which would take in payments from cards and convert them to USDC, ensuring privacy and security throughout the donation process.
Overall, the combination of Express, React, Tailwind CSS, Hedera, Microsoft Azure, and Circle allowed us to build FundRiser as a feature-rich, secure, and user-friendly web application for fundraising and crowdfunding endeavors.
Challenges we ran into
During the development process, we encountered various challenges. Integrating different technologies and ensuring they work seamlessly together required careful planning and implementation. We faced hurdles while integrating Microsoft Azure for authentication, as we had to familiarize ourselves with the Azure APIs and SDKs. Additionally, integrating Circle for payments proved to be challenging.
Accomplishments that we're proud of
We are proud to have successfully built FundRiser, a functional web3 crowdfunding platform that integrates various technologies. We were able to create a smooth user experience by leveraging and integrating various APIs and technologies. Our team worked collaboratively to overcome challenges and deliver a product that meets our initial goals.
What we learned
Throughout the development process, we gained valuable knowledge and experience with blockchain technology, specifically the Hedera network, and its integration into web applications. We also learned how to leverage Microsoft Azure for authentication purposes, enabling users to sign in securely using their Azure accounts. Integrating Circle for payments provided us with insights into facilitating secure web3 transactions. Furthermore, working with React, Express, and Tailwind CSS enhanced our understanding of these technologies and their capabilities.
What's next for FundRiser
- Enhanced campaign management: Expand the platform's features to allow campaign creators to track their progress, communicate with contributors, and provide updates on the project's development.
- Social integration: Integrate social media platforms to enable users to share campaigns easily and amplify their reach.
- Advanced analytics: Implement analytics tools to provide campaign creators with insights into their audience, donation trends, and user engagement.
- Localization: Support multiple languages and currencies to make FundRiser accessible to a broader global audience.
- Partnerships and collaborations: Explore partnerships with organizations and influencers to promote campaigns and increase visibility.
- Community engagement: Foster a vibrant community within the platform by introducing features such as comment sections, forums, and collaboration opportunities among campaign creators.
Built With
- azure
- circle
- express.js
- hedera
- react
- tailwindcss



Log in or sign up for Devpost to join the conversation.