WarmUp

Modern donation platform connecting donors with meaningful causes

WarmUp is a comprehensive donation platform built to bridge the gap between donors and causes like education, disaster relief, and healthcare. It features secure Firebase authentication, detailed campaign management, and a highly polished UI. Utilizing modern 'glassmorphism' effects and a sky blue color palette, it creates a premium, trustworthy experience that encourages community engagement.

[THE CHALLENGE]

Charitable platforms often struggle with outdated interfaces and a lack of transparency, which can deter younger demographics from engaging or trusting the platform with their donations.

[THE SOLUTION]

Designed a 'LiquidGlass' UI featuring advanced CSS backdrop-blur filters to create an elegant, modern aesthetic. Integrated Firebase for secure user management and built a robust campaign categorization system to make discovering and tracking donations seamless and transparent.

[TECHNICAL DEEP DIVE]

Built with React 19 and Vite. The UI leverages Tailwind CSS v4 alongside DaisyUI, Radix UI primitives, and Material-UI for accessible, rich components. Integrated Firebase 11 for real-time database and auth capabilities, plus Howler.js for interactive audio feedback.

// DEVELOPER'S RETROSPECTIVE

"Combining multiple UI libraries (DaisyUI, Radix, MUI) taught me how to strictly manage component styling without class collisions. Rebuilding the registration and donation flows to be mobile-first and touch-friendly drastically improved usability, proving that aesthetics should never block core functionality."

BACK TO PROJECTSAREFOLIO // CASE STUDY // LAKSHMIPUR