Case study · Nonprofit digital platform · Meerut, India

Engineering a complete digital platform for charitable operations.

Shubham Karoti Foundation needed one place to present its initiatives and run online donations, annual memberships, events, member services and administration. NextAppCraft engineered these custom capabilities on top of an existing starter-template foundation.

Visit shubhamkaroti.org

Next.js · Cloudflare Workers · D1 · Razorpay · Gemini

Public homepage — initiatives, events and a direct path to donate.

The challenge

The operational needs behind the public website.

Project context: alongside presenting its initiatives, the foundation needed systems to run these day-to-day tasks online.

  • Accept online donations for specific causes
  • Run paid annual memberships, including recurring payments
  • Publish events quickly, in Hindi and English
  • Issue receipts and certificates that can be verified
  • Manage donations, members, roles and content

The solution

Six custom capabilities, one platform.

The platform started from an existing starter template. The capabilities below are the domain-specific engineering NextAppCraft added on top of it.

01

Donation and membership payments

  • Razorpay integration
  • One-time donations
  • Annual membership payments
  • Recurring UPI Autopay
  • Payment signature verification and webhook handling
  • Interrupted-payment recovery
02

Automated documents

  • Donation receipt generation
  • Membership certificate generation
  • Unique document identifiers
  • QR-based public verification
03

AI-powered event creation

  • Google Gemini integration
  • Upload an event poster
  • Extract title, venue, date and other details
  • Hindi and English event content
04

Administrative platform

  • Donation management
  • Member management
  • Role and permission management
  • Event management
  • Blog / CMS management
  • Trust settings
05

Mobile-first experience

  • Responsive public website
  • Progressive Web App distribution hub
  • Mobile-friendly navigation and installation
06

Security and engineering

  • Better Auth authentication
  • Google OAuth, passkeys and two-factor authentication
  • Role-based access control
  • Rate limiting and audit-related protections
  • Automated tests with Vitest and Playwright

Product showcase

The delivered product.

Real screenshots from the live public site. Tap any image to expand.

Donation journey — choose a cause, pick or enter an amount, pay with Razorpay.
Annual membership — enrolment that issues a QR-verifiable member certificate.
Events — bilingual Hindi/English listings. Admins can draft events from a poster with the AI event scanner.

Screenshots to be added

These areas sit behind sign-in and will be shown once captured with a test account and private data masked.

  • Member dashboard
  • Admin dashboard
  • Donation management
  • Event management
  • AI event scanner
  • Generated certificate
  • Generated donation receipt

Engineering highlights

Where the real engineering lives.

Payment infrastructure

Razorpay checkout for donations and memberships, recurring UPI Autopay, server-side signature verification, webhook handling and recovery for interrupted payments.

PDF and QR verification

Receipts and membership certificates are generated with unique identifiers and a QR code that opens a public verification page.

AI event scanning

Admins upload an event poster; Google Gemini extracts the title, venue, date and other details into a structured, bilingual event draft.

Role-based administration

Admin tools for donations, members, events, blog content and trust settings, with role and permission management and rate limiting.

QR verification helps anyone confirm a document was issued by the foundation.

Technology architecture

Organised by engineering layer.

Frontend
Next.js 16React 19TypeScript
Styling
Tailwind CSSRadix UILucide
Runtime
Cloudflare Workers
Database
Cloudflare D1Drizzle ORM
Auth
Better Auth
Payments
Razorpay
AI
Google Gemini
Storage
Cloudflare R2Cloudinary
Email
Resend
Documents
jsPDFQRCode
Testing
VitestPlaywright

Mobile experience

A responsive website that installs like an app.

The public site adapts to phone screens, uses app-style bottom navigation and can be installed as a Progressive Web App.

Homepage with app-style bottom navigation
Donation flow on mobile
PWA distribution hub

Outcome

What the system enables.

  • Supporters can donate to a specific cause or pay for an annual membership online, including recurring UPI Autopay.
  • The system generates donation receipts and membership certificates with unique identifiers and a QR code for public verification.
  • Administrators can upload an event poster and get a structured Hindi/English event draft to review before publishing.
  • Administrators can manage donations, members, roles, events, blog content and trust settings from one admin area.

Need a platform built around your business operations?

Let's Build Your Platform