Back to Portfolio
Non-Profit / NGONGO Portfolio & Impact Communication WebsiteMVP

Dhyas Community Development Foundation

3 months·2026·Dhyas Community Development Foundation

Dhyas CDF required a digital presence that conveys credibility to institutional donors and government bodies while remaining accessible and engaging for community members.

Dhyas Community Development Foundation

Business Context

Business Problem

Dhyas CDF was operating entirely offline in terms of digital visibility. Donor outreach happened through physical presentations and PDF brochures emailed manually.

Industry
Non-Profit / NGO
Duration
3 months
Team Size
2 (1 developer, 1 NGO content coordinator)
Reporting Structure
Direct engagement with organisation director and programme managers

Technical Architecture

Architecture Decisions

Next.js for static generation. Custom lightweight CMS built on Next.js API routes + MongoDB. Impact data visualisations rendered as server-side SVG charts. Tailwind CSS for design system.

Technology Stack

Frontend
React 19Next.js 15TypeScriptTailwind CSSFramer MotionSVG Charts
Backend
Node.jsNext.js API RoutesJWT Auth
Database
MongoDBMongoose ODM
Infrastructure
VercelMongoDB Atlas

Architecture Details

DevOps Setup
Vercel auto-deploy from main branch. Content updates trigger ISR revalidation.
External Integrations
Nodemailer (partnership & donation inquiry routing)Google Analytics 4PDF.js (annual report viewer)

Engineering Challenges

Technical Challenges

Presenting complex social impact data in an accessible format. Building a CMS that NGO staff with minimal digital literacy could use confidently. Ensuring accessibility (WCAG 2.1 AA).

Performance Optimizations

Static generation of all programme and story pages with ISR. Server-side SVG chart rendering eliminates heavy JS bundle weight. Core Web Vitals optimised - LCP under 1.8s on 4G mobile.

Scalability Details

The CMS schema supports unlimited programmes, stories, and reports.

Constraints & Tradeoffs

Impact data uses static SVG rather than interactive charts. Multilingual support (Hindi) delivered for key pages only. Donation gateway deferred to phase 2.

Security Measures
JWT-based admin authenticationCSRF protection on all form submissionsContent sanitisation for rich-text fieldsHTTPS enforced on all routesRate limiting on inquiry endpoints

Delivery & Impact

Measurable Impact

Website launched within 90 days. 3 institutional donor enquiries in the first month. Annual report downloads exceeded 200 in Q1 post-launch. 70% reduction in time preparing donor packs.

Deployment Responsibility
Full deployment, domain DNS configuration, SSL setup, and staff onboarding to the CMS.
Monitoring & Logging
Google Analytics 4 for public traffic. Admin CMS actions logged in MongoDB. Vercel error tracking.

Client Outcome

Dhyas CDF now has a credible digital presence that has directly contributed to new funder relationships. The programme team manages content updates independently.

Reflection

What Would Be Done Differently Today

I would prioritise integrating a payment gateway in the initial scope and build a richer multilingual pipeline from the start.

Project Details

Your Role
Full-Stack Developer & UX Lead
Year
2026
Client
Dhyas Community Development Foundation

Ready to Start Your Project?

Let's discuss how we can help bring your vision to life with innovative technology solutions.