Custom Websites 

Overview:

A full-stack, enterprise-grade internal operations and leadership enablement portal built for Your Leadership Network (YLN). Originally a static repository of static links and rigid pages, the platform was re-architected into a high-performance, dynamic workspace centralizing role-governed training resources, interactive calendar scheduling with Microsoft Outlook sync, audience-segmented knowledgebases, custom quick-access dashboards, and granular permission controls.

Key Highlights & Architecture:
Dynamic Resource Explorer & Asset Pipeline (Resources V2): Replaced static file lists with a 4-level deep hierarchical asset manager (Resource Boxes → Folders → Files & Media) backed by Cloudinary cloud storage, featuring real-time search, breadcrumb navigation, and in-app file/video previews.

Multi-Tier RBAC & Granular Permission Engine: Architected a zero-trust Role-Based Access Control system supporting fine-grained visibility rules (Super Admin, YLN Staff, Leadership, and Public), complete with dynamic permission matrix management and JWT token-authenticated API endpoints.

Audience-Aware FAQ & Knowledgebase System: Dynamic category manager with zero-orphan deletion cascades, live tag/keyword search, drag-and-drop order repositioning, and audience-level filtering (Public vs. YLN Staff Only) with real-time UI synchronization.

Interactive Training Calendar & Microsoft Outlook Integration: Bi-directional event synchronization engine integrating Microsoft Graph API / Outlook Calendar with RSVP tracking, live date-range filtering, time-zone management, and dynamic event management dashboards.

Dynamic Navigation & Quick Access Hub: Custom sidebar and quick-action engine that dynamically renders shortcuts, external tools (Follow Up Boss, Ylopo), and pinned resources based on the user's role and recent updates via custom event-driven cache invalidation.

Optimistic UI & Modern Glassmorphic Design: Modernized user experience built on React 19 and Tailwind CSS with custom glassmorphism design tokens, micro-interactions, skeleton loaders, global confirmation dialogs, and toast notification contexts.

Tech Stack:
React 19 · Vite · Node.js · Express.js · MongoDB (Mongoose) · Tailwind CSS · JWT Auth & RBAC · Microsoft Graph API (Outlook Calendar) · Cloudinary Media API · React Router v7 · Axios Interceptors · React Icons

Overview:

A comprehensive B2B/B2C clean energy marketplace and community platform connecting EPC solar contractors, global solar manufacturers, and residential/commercial clients in Pakistan’s emerging renewable market. The platform centralizes discovery, installer verification, direct client lead generation, monitoring & O&M service requests, and interactive community engagement via podcasts and live Q&A sessions.

Key Highlights & Architecture:

Multi-Tenant Role-Based Dashboards: Granular access-controlled portals for Super Admins, EPC Installers, and Solar Manufacturers with custom profile managers, lead inboxes, product catalogs, and review moderation.

Installer & Brand Discovery Engine: High-performance searchable directory with advanced multi-criteria filtering, geo-targeting, verified badge badging, and project portfolio showcases.

Monitoring & O&M Service Pipelines: Interactive service request and pricing engine allowing property owners to request system monitoring, operation & maintenance, and quote estimations.

Interactive Community & Live Q&A: Real-time engagement hub featuring YouTube livestream integrations, countdown timers, upvotable community question feeds, and video podcast archives.

Cloud Media & Asset Pipeline: Direct-to-cloud asset storage leveraging Cloudflare R2 for project portfolios, manufacturer datasheets, and high-res media.

Multilingual & Transactional Automation: Dual-language localization (English & Urdu via next-intl) paired with Brevo-powered transactional email triggers for automated lead routing and inquiry notifications.

Tech Stack:

Next.js (App Router) · TypeScript · React · PostgreSQL (Neon) · Drizzle ORM · Clerk Auth · Tailwind CSS · Radix UI / shadcn/ui · Cloudflare R2 · next-intl · Brevo API · PostHog

Overview:

An enterprise-grade Customer Relationship Management (CRM) and operations platform tailored for solar energy companies (EnergyGurus). The platform streamlines end-to-end solar lifecycle operations—from lead onboarding and multi-tier technical profiling to a 3-stage managerial approval pipeline, dynamic billing and ledger adjustments, automated ticket escalations, and inventory tracking.

Key Highlights & Architecture Unified Customer & Solar Technical Profiling:

Centralized customer records indexed by numeric IDs and standardized CRF numbers, capturing granular technical solar assets (DISCO, Net Metering specs, inverter/panel/battery configurations, earthing resistance, and safety breaker ratings).
3-Stage Workflow Approval Pipeline: Sequential approval workflow across departments—Sales Manager (lead review), Billing Manager (advance security deposit & invoice verification), and O&M/Installation Manager (installation sign-off and service activation).

Billing & Change Process Management (CPM): Dynamic plan upgrading/downgrading with automated debit/credit ledger adjustments, maker-checker approval queues for manual debit/credit notes & payment entries, and multi-ID bulk customer status operations.

Multi-Tier Ticket & Grievance Escalation: Departmental routing (O&M, Billing, Sales, Support) for technical and billing issues with fault code tagging, full audit timelines, and multi-tier escalation tracking (Level-1 to Level-3).

Service Delivery & Inventory Control: Real-time warehouse stock tracking for inverters, panels, batteries, breakers, and cabling with min-stock threshold triggers and movement audit logs.

Analytics & Financial Reporting Engine: High-performance data tables with real-time filtering, summaries, and Excel/CSV export across 6 operational areas (Customer Status, Sales, Receivables, Adjustments, Payments, and Customer Register).

Role-Based Access Control (RBAC): Granular access tiers safeguarding sensitive operations for Super Admins, Sales Managers, Billing Managers, O&M Managers, Installation Leads, and Support Specialists.

Tech Stack:

Next.js 16 (App Router) · React 19 · TypeScript · PostgreSQL (Supabase) · Prisma ORM (@prisma/adapter-pg) · Supabase Auth · Tailwind CSS v4 · Radix UI / shadcn/ui · TanStack Table & React Query · Zustand · Zod · React Hook Form · React PDF

Overview:

An exclusive digital members club and community platform tailored for modern motherhood. The platform connects members through curated in-person events, private community discussions via La Gazette, credit-based ticket reservations, and an integrated referral reward system.

Key Highlights & Architecture

Secure 2FA Onboarding & Auth: Multi-step passwordless OTP verification, credential hashing with bcrypt, role-based access control (Members vs. Multi-Tier Admin), and rate-limited API protection.
Event Booking & Credit Engine: Dynamic RSVP management system allowing members and guests to reserve seats, hold spots, join waitlists, and manage ticketing quotas in real-time.
Full Bilingual Experience: Seamless English and Spanish (en / es) localization across the entire client and admin portal.
Transactional Email Automation: Integrated Brevo engine delivering transactional 2FA codes, booking confirmations, and membership welcome packs.
Comprehensive Admin

CMS: Complete back-office dashboard for event publishing, member tier management, reporting, and editorial CMS management.

Tech Stack
Next.js (App Router) · TypeScript · React · PostgreSQL · Drizzle ORM · NextAuth.js · Tailwind CSS / Custom CSS · Brevo API · Zod