warmheart
A React‑based donation website
React + Firebase Donation Platform
Warm Hearts BD delivers a pixel-perfect, responsive landing and dashboard experience for a national winter relief movement. The site highlights the mission, showcases donation impact, and provides volunteers with a clean, modern dashboard powered by Firebase authentication.
Project Overview
Warm Hearts BD was built to support a humanitarian mission — mobilizing volunteers and donors across Bangladesh during winter. The platform includes a beautiful landing page, real-time updates, dashboards, Firebase-secured authentication, and smooth animations to amplify engagement.
Key Features
- • Fully responsive landing + volunteer dashboard
- • Firebase Authentication (email/password)
- • Donation coordination & mission updates
- • Smooth animations via AOS + Animate.css
- • Swiper-powered carousels
- • Clean UI styled with Tailwind + DaisyUI
Technology Stack
Frontend
React 18, Vite, React Router
Styling
Tailwind CSS, DaisyUI, Animate.css, AOS
Auth / State
Firebase Auth, React Context API
UI Components
Swiper Carousel, React Icons
Hosting
Firebase Hosting
Design System
Custom Design Tokens (index.css)