Skip to content
Home/Projects/Fauzz Foundation
fullstack2024Full-Stack Engineer

Fauzz Foundation.

A full-stack production application for Fauzz Foundation — a non-profit organization. Built with Next.js 16 App Router, TypeScript for type safety, and PostgreSQL (Neon) as the database. The platform handles donation payments via Stripe, media management via Cloudinary, and is fully SEO optimized and deployed on Vercel with CI/CD pipelines.

Fauzz Foundation screenshot

Key Highlights

  • Designed and implemented a PostgreSQL schema on Neon with migrations and seed scripts.

  • Integrated Stripe payment gateway with webhook handling for real-time donation tracking.

  • Set up Cloudinary for dynamic image optimization and CDN delivery.

  • Achieved 95+ Lighthouse score via SSG/ISR, image optimization, and lazy loading.

  • Deployed with zero-downtime CI/CD via Vercel with environment-based config.

The Challenge

Ensuring Stripe webhook reliability across preview and production deployments required careful URL management and event-driven state sync.

The Outcome

The foundation now processes donations seamlessly, with an admin dashboard for managing content and tracking payments in real time.

Tech Stack

Next.jsTypeScriptPostgreSQLStripeCloudinaryTailwind CSSVercel

Continue Exploring

More Projects