Divine Lifted Charity Foundation
About this Project
I designed and developed the complete web presence for Divine Lifted Charity Foundation, a non-profit focused on empowerment, health, and education. The site needed to communicate the foundation's mission while giving admins full control over content without touching code.
The platform features a dynamic content management system powered by Vercel Blob for blog posts (with multi-image support) and Cloudinary for all media assets including gallery images and team member photos. Content is fetched and rendered dynamically — no local JSON files for public-facing data.
The contact form integrates Resend for branded transactional emails and Cloudflare Turnstile for bot protection. An admin dashboard, secured with NextAuth.js, enables content management for blog posts, gallery uploads, and team member profiles. The entire application is built on Next.js 16 with Turbopack, Tailwind CSS 4, and Framer Motion for smooth, modern animations.
Key Features
- Dynamic Blog CMS with Multi-Image Support via Vercel Blob
- Cloudinary-Powered Gallery & Media Management
- Branded Contact Form with Resend Email & Turnstile Protection
- Admin Dashboard with NextAuth.js Authentication
- Programs, Impact, Volunteer & Donation Pages
- Responsive Design with Framer Motion Animations
- SEO-Optimized with Open Graph & Twitter Card Metadata
- Cloud-Native Architecture on Vercel
Project Gallery