W-02Donation websitePublic · live
A donation website that shows exactly what each gift buysDonation website design & development for Madrasa Rahmaniya Quasimul Uloom
Four ways to give — daily needs, construction, monthly giving and student sponsorship — with itemised costs and UPI payments.
madrasa-rahmaniya.vercel.app
- Client
- Madrasa Rahmaniya Quasimul Uloom
- Role
- Design + build: Crayont
- Stack
- Next.js · React · libSQL · Zod · UPI QR · Nodemailer
- Timeline
- 2026
- Industry
- Education · Non-profit · Vellore, India
Fig. 1 · Home page, as launchedW-02
01 · Context
The problem
The madrasa raised funds for meals, classrooms and a hostel mostly by word of mouth. Donors had no clear view of what was needed or where their money went, and no simple way to give every month.
02 · Method
Approach
A calm, trustworthy site that turns needs into concrete items — a bag of cement, a sack of rice — with itemised construction costs, course sponsorships, monthly giving and UPI QR payments with email confirmations.
03 · Build
Build notes
The brief
Make giving to the madrasa simple, specific and trustworthy — for local donors and for families abroad.
What we built
- Four ways to give: everyday needs, construction, monthly giving and sponsoring a student.
- Itemised needs — cement, bricks, rice — with quantities, so donors choose exactly what they fund.
- Transparent building costs for classrooms, the hostel and the dining hall.
- UPI QR payments and email confirmations.
- Quran and Sunnah on giving, and a message from the madrasa, to build trust.
Launching on its own domain, mrqu.in.
04 · Screens
As shipped.
05 · Measured
Measured at handover.
Lab data from a dated Lighthouse run on the production URL [verify: run date, device, network]. Current field numbers appear only with the client’s written consent.
01 · LCP · desktop lab, 24 Sep 2026
0.96 s
02 · Layout shift (CLS)
0.00
