All projects
Social Impact / PWA · 2024
HUMSJ Charity Platform
A progressive web application built to connect community initiatives with the people who support them, installable on mobile and usable on low-bandwidth connections.
- React
- TypeScript
- Vite
- Tailwind CSS
- Firebase
- PWA
- Capacitor
Click to view full resolution
The problem
Community organisations often communicate through scattered channels, making it hard for supporters to find current initiatives.
The solution
A single lightweight platform that presents initiatives clearly, works as an installable app, and stays usable on slow connections.
Architecture
- React + Vite client with TypeScript
- Firebase for authentication and data
- Service worker caching for the offline shell
- Capacitor wrapper for native distribution
Key features
- Initiative and campaign pages
- Organization profiles
- Authentication and member accounts
- Installable PWA with offline shell
- Mobile packaging through Capacitor
- Responsive, accessible interface
Process
- Started from the supporter journey
- Built the content model for initiatives and organisations
- Added PWA and native packaging last
Challenges
- Balancing offline caching with content freshness
- Sharing one codebase between web and native shells
Outcome
- One installable app serves web and mobile audiences
Project Screenshots & Media Gallery
Click any screenshot to view in full-screen high resolution (5 images).
View
Screenshot #1Inspect
View
Screenshot #2Inspect
View
Screenshot #3Inspect
View
Screenshot #4Inspect
View
Screenshot #5Inspect
Have an idea? Let's build it.
Whether you're building a product, solving a business problem, or looking for an engineer to bring an idea to life, I'd love to hear about it.
Start a conversation