I concur

• 

  With concordium security layers we can trust every donation made is going to the right cause.

Inspiration

The inspiration for "I Concur" stems from a desire to address the lack of trust and transparency in traditional charity platforms. We aimed to create a modern and user-friendly charity platform that not only facilitates easy donations but also ensures transparent use of funds. The vision is to enhance the overall donor experience and foster a sense of trust between contributors and charitable organizations.

What it does

"I Concur" is a charity platform featuring a contemporary and intuitive user interface. It allows donors to make contributions easily and transparently. The platform includes a real-time impact tracking system, providing donors with updates on the specific projects their contributions support. Additionally, it leverages blockchain technology, specifically the Concordium chain, to ensure the security and transparency of transactions.

How we built it

The project was built through the Prototype UI/UX track, focusing on developing innovative user interfaces and experience prototypes. We utilized React for the frontend development, incorporating a series of components like DonationPage, DonationProcess, ImpactUpdates, and DonationTracking. The backend is powered by the Concordium chain, enabling secure and transparent transactions. The Concordium JS-SDK was instrumental in integrating with the Concordium chain.

App Container
├── DonationPage
│   └── Donation Form
│       ├── Amount Input
│       ├── Charity Address Input
│       └── Donate Now Button
├── DonationProcess
│   └── Step-by-step User-friendly Donation Process
├── ImpactUpdates
│   └── Real-time Impact Updates
└── DonationTracking
    └── Donation History

In this text wireframe:

DonationPage contains a donation form with input fields for the donation amount, charity address, and a "Donate Now" button.

DonationProcess visualizes a step-by-step user-friendly donation process, though the details are not specified in the wireframe (check below ).

ImpactUpdates displays real-time impact updates, which are subscribed to and received through the Concordium client.

DonationTracking renders the donation history fetched from the Concordium blockchain.

DonationProcess
├── Step 1: Choose Amount
│   └── User selects the donation amount
├── Step 2: Select Charity
│   └── User chooses the charity or enters the charity address
├── Step 3: Review Donation
│   └── User reviews the selected amount and charity
├── Step 4: Confirm Donation
│   └── User confirms the donation
└── Step 5: Thank You
    └── Display a thank you message and confirmation of the donation

In this wireframe:

Step 1: The user is prompted to choose the donation amount. Step 2: The user selects a charity or enters the charity address. Step 3: A summary of the chosen amount and charity is presented for the user to review. Step 4: The user confirms the donation. Step 5: A thank-you message is displayed, acknowledging the successful donation.

Challenges we ran into

One of the main challenges we encountered was integrating with the Concordium chain and ensuring seamless transactions. Understanding and implementing blockchain technology required a learning curve, and debugging issues related to smart contract events and transaction handling presented certain complexities. However, through collaboration and extensive documentation review, we successfully overcame these challenges.

Accomplishments that we're proud of

We are proud to have developed a fully functional prototype of "I Concur" that not only addresses the initial problem of trust and transparency but also provides a seamless and user-friendly donation experience. The integration with the Concordium chain showcases our commitment to leveraging cutting-edge technologies for a noble cause.

What we learned

Throughout the project, we gained valuable insights into blockchain technology, particularly the integration of Concordium into a web application. We also honed our skills in UI/UX design, understanding the importance of transparency in charity platforms, and catering to the needs of both donors and non-profit organizations.

What's next for I Concur

The next steps for "I Concur" involve refining the user interface based on user feedback, conducting further testing to ensure the stability of blockchain transactions, and potentially expanding to include more features such as personalized donor profiles, social sharing integrations, and enhanced project tracking. Continuous collaboration with the community and stakeholders will be crucial for the platform's evolution and impact.

Built With

• figjam
• figma
• react