• 

  Dashboard homepage

CareCard Project Story

Inspiration

CareCard was inspired by the desire to make donating fun, rewarding, and impactful. Drawing from the whimsical world of Alice in Wonderland, we aimed to create a donation platform where every contribution feels like a magical step toward a better world. Our goal was to combine social good with gamification to inspire people to give back while enjoying the process.

What We Learned

• Gamification in Giving: Combining rewards with donations makes the process more engaging.

• Firebase Integration: We learned how to use Firestore and Firebase Authentication for seamless user data management.

• UI/UX Design: We gained experience designing a user-friendly and visually appealing interface using React.

How We Built It

• Frontend: Built using React for a dynamic interface.

• Backend: Integrated Firebase for data storage and user authentication.

• Features: Users can donate, earn points, and unlock badges. Donations and rewards are updated in real-time.

Challenges We Faced

• Real-Time Data: Ensuring instant updates for donations and rewards was tricky at first.

• User Authentication: Setting up secure and personalized user experiences took some effort.

• UI/UX Design: Striking the balance between usability and visual appeal was challenging.

Conclusion

Building CareCard was a rewarding experience. It taught us how to combine technology with social impact and gamification to create a fun and meaningful donation experience. With CareCard, we hope to inspire people to give back and make a difference.

Built With

• firebase
• react