Merajul Haque
Full-Stack Developer
Community Discovery / Islamic Institutions
MasjidMadarsaFinder Case Study & Specifications
Connecting Communities with Islamic Institutions.
masjidmadarsafinder.com
1 / 5
Community Discovery / Islamic Institutions2026
MasjidMadarsaFinder
Connecting Communities with Islamic Institutions.
Discover mosques, find madrasas, and explore Islamic educational institutions through a unified digital platform.
Project Specifications
Category:
Community Discovery / Islamic Institutions
Year / Release:
2026
Deployment Status:
Active / Production
License / Code:
Proprietary / On Request
Industry:
Community Services & Islamic Education
Frontend Framework:
Next.js 16 (React 19, TypeScript)
Backend Framework:
Express.js 5 REST API
Database & ODM:
MongoDB with Mongoose 8
Internationalization:
next-intl (Multilingual)
Authentication:
Google OAuth 2.0 & JWT (Passport)
Media & Processing:
Cloudinary, Multer & Sharp
Background Jobs:
Bull Queue + Redis
Deployment Toolchain:
OpenNext + Cloudflare Wrangler
Data Pipelines:
CSV Parser, XLSX & Slug Migrations
“Connecting communities with Islamic institutions.”
About the Project
MasjidMadarsaFinder is a digital discovery platform designed to help people find mosques and madrasas across India. It brings institutional information into one searchable platform, making it easier for communities to discover nearby places of worship and Islamic educational institutions. The platform combines a multilingual Next.js 16 frontend backed by a dedicated Express.js 5 REST API, MongoDB data management with Mongoose, Cloudinary media storage, and administrative workflows for maintaining institutional listings. Engineered with an OpenNext and Cloudflare Wrangler deployment toolchain, it features structured institution profiles, multilingual localization via next-intl, Google OAuth authentication, and automated data migration pipelines for profile slug consistency.
Key Features & Engineering Highlights
Mosque Discovery Engine — Searchable institutional directory for discovering mosques, locations, and prayer facilities across India
Madrasa Discovery & Curriculum Profiles — Comprehensive directory organizing Islamic educational institutions and curriculum details
Structured Institution Profiles — Rich profile pages with contact details, facilities, and dedicated migration scripts for profile slugs (migrate:profile-slugs)
Multilingual User Experience — Internationalization powered by next-intl supporting localized interfaces and community navigation
Google OAuth & JWT Authentication — Secure authentication pipeline with Passport, Google OAuth 2.0, and token-based session handling
Media Upload & Image Processing — Integrated Cloudinary, Multer, and Sharp for image optimization, cropping, and CDN delivery
Interactive UI & Animations — Built with Radix UI primitives, Lucide icons, Embla Carousel, and fluid Framer Motion animations
Administrative Data Management — CSV Parser and XLSX spreadsheet tools supporting bulk data ingestion, verification, and legacy data cleanup
API Security Hardening — Hardened with Helmet, express-rate-limit throttling, express-validator, express-mongo-sanitize, and XSS cleaning
Edge Deployment Toolchain — Cloudflare-compatible deployment architecture powered by OpenNext and Cloudflare Wrangler
System Architecture
High-Level Architecture Pipeline
User → Next.js 16 / React 19 Frontend (OpenNext) → Express.js 5 API → MongoDB / Mongoose
next-intl Localization
Multilingual interface infrastructure supporting diverse community regional dialects
Google OAuth & Passport
Seamless social sign-in and role-based access for community institution contributors
Cloudinary & Sharp
Automated institutional photo uploads, cropping, compression, and global CDN delivery
Bull + Redis Queue
Asynchronous background jobs for bulk institutional imports and notifications
Slug Migration Engine
Automated migration scripts for profile slug generation, normalization, and legacy cleanup
OpenNext + Cloudflare
Edge-optimized serverless runtime adaptation with Cloudflare Wrangler CLI
Technologies & Architecture
Core frameworks, runtime technologies, databases, and UI libraries employed in this project.
Next.js 16React 19TypeScriptExpress.js 5MongoDBMongoosenext-intlTailwind CSSCloudinaryGoogle OAuthFramer MotionCloudflareOpenNext
Frontend Technologies
Next.js 16Web application framework and App Router architecture
React 19Modern component-based user interfaces and server components
TypeScriptEnd-to-end static typing across frontend interfaces and APIs
next-intlComprehensive internationalization and localized content
Tailwind CSSUtility-first modern styling and responsive layouts
Radix UIAccessible interface primitives and accessible dialogs
Framer MotionSmooth micro-animations and page transitions
RechartsInteractive institutional analytics and statistics
Vercel AnalyticsVisitor traffic and engagement monitoring
Backend & Infrastructure
Node.js & Express.js 5Modern REST API framework and service architecture
MongoDB & Mongoose 8Document database and schema object modeling layer
Passport & Google OAuthSocial authentication and session token verification
Cloudinary & SharpMedia upload handling, cropping, and CDN optimization
Bull & RedisAsynchronous queue processing for bulk institution imports
Helmet & Rate-LimitHTTP security headers, query sanitization, and rate throttling
CSV Parser & XLSXBulk institutional directory ingestion and data exports
OpenNext & WranglerCloudflare edge runtime adaptation and deployment CLI
Experience MasjidMadarsaFinder Live
Explore the responsive interface, live workflows, and interact with the production deployment.
Open in New TabMore Projects in Portfolio
Explore other applications, productivity tools, and platforms
coldmailer.site
2
Cold Mailer
Write Once. Reach Many.
Find the right companies, personalize your outreach, and manage cold email campaigns with your own sending infrastructure.
Next.js 16React 19TypeScript+9
LiveWrite once. Reach many.
orbit.merajulhaque.com
6
Orbit
Your personal productivity OS
Helps me plan, focus, and get things done. It works offline, syncs with Google Calendar, and brings tasks, notes, research, and career goals in one place.
Next.jsTypeScriptMongoDB+3
LiveAll your work, in orbit.
matchwize.com
5
Matchwize
AI-Powered Resume Analyzer
Upload your resume and get instant feedback, skill insights, and job matches. Used by 130+ job seekers to improve their resumes.
Next.jsTailwind CSSNode.js+3
LiveBetter opportunities ahead.
instierp.in
3
InstiERP
Institutional ERP & Campus Management System
Comprehensive ERP platform for universities and colleges managing student admissions, fees, faculty, timetable scheduling, and academic performance.
ReactNext.jsNode.js+3
LiveSeamless campus administration.
exceedrobotics.com
2
Exceed Robotics
Robotics Education & STEM Learning Platform
Interactive STEM learning portal for hands-on robotics education, course progression, workshop bookings, and student project showcases.
Next.jsTypeScriptTailwind CSS+2
LiveEmpowering future innovators.
fiqra.merajulhaque.com
Fiqra
Islamic Knowledge & Daily Reflection Hub
Clean, distraction-free digital reader and resource hub for Islamic reflections, verified articles, daily reminders, and curated study material.
Next.jsReactTypeScript+2
LiveKnowledge and reflection in harmony.