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.

View Live Project

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.

Start a Conversation View More Projects