00:01:08:16CASE STUDY

PROJ 02

Aid For Men Foundation

A bilingual nonprofit website with secure content and media management

ROLE

Web Developer (Part-time)

TYPE

Nonprofit website and content platform

STACK

Next.js · Tailwind · Bengali UI · Authentication · Admin dashboard · Supabase · Image storage · Blog/content management · User management

00:01:20:00PROBLEM

The foundation needed one public platform for its mission, campaigns, updates, and media, together with a secure way for authorized staff to maintain that information without editing the codebase.

00:01:34:12SOLUTION

Developed a responsive Bengali-first platform with authenticated administration for publishing content, managing images, and maintaining user access.

  • Responsive public pages for the foundation's mission, work, and updates
  • Bengali-first interface with reusable content layouts
  • Secure authentication and role-aware administration
  • Content, image, and user management from one dashboard
  • Searchable archive for published material
  • Production deployment at aidformen.com
00:01:49:08KEY CHALLENGES
  • Separate public publishing workflows from protected administration
  • Design role-aware access for content and user management
  • Keep image uploads and structured content reliable across devices
  • Present Bengali content clearly on mobile and desktop
00:02:04:21ARCHITECTURE

A Next.js frontend renders public content stored in Supabase. Authentication and role checks protect the admin dashboard; structured content records power public pages and archive search, while managed storage handles uploaded images. Public routes remain separate from editorial and user-management workflows.

00:02:22:03FRAMES
Aid For Men website homepage with navigation, campaign photography, and call to action
Aid For Men archive interface with media filters and search
Responsive Aid For Men About page with organization branding and campaign photography
00:02:40:00LINKS
00:00:00:00
PORTFOLIO / 2026