FeaturedWorks & Projects.

Stay Hakim is a comprehensive full-stack real estate ecosystem designed to streamline property listings, search, and tenant/buyer applications. I developed a high-performance public listing site and a sophisticated admin dashboard using Next.js 15 and Shadcn UI, integrated with a robust NestJS backend. Key features include a multi-criteria search engine powered by Meilisearch, a secured property application workflow with document processing, and a multi-tenant organizational structure allowing for granular role-based access control (RBAC). The platform utilizes Prisma ORM with PostgreSQL for data management and AWS S3 for scalable media storage, ensuring a seamless experience across localized interfaces.

Developed a comprehensive, full-stack non-profit management platform designed to streamline volunteer operations and fundraising efforts. The application features a dynamic, responsive landing page with a custom-branded authentication system and a high-performance admin dashboard for managing volunteer applications and global campaigns. Built with Next.js and Prisma, the platform integrates Stripe for secure, multi-tier donations and incorporates a robust multi-step volunteer onboarding flow with cloud storage integration. Leveraging Framer Motion and Chakra UI, the project delivers a premium user experience with fluid animations and a modern, accessible interface.

A high-performance Clinic Management System built with Next.js 16 and React 19, featuring a 'dopamine-driven' UX designed to optimize complex clinical workflows through psychology-based micro-interactions and real-time feedback. Implemented a robust Role-Based Access Control (RBAC) system for Admin, Doctor, Assistant, and Secretary roles, securing sensitive medical records with JWT-based authentication and HTTP-only cookies. Engineered with full internationalization (i18n) support for English/Arabic bi-directional layouts and integrated Prisma with Neon PostgreSQL for scalable data management.

A full-stack real estate platform built with Next.js 14 and TypeScript, specifically engineered for the Johor property market. The application features a robust property discovery engine with dynamic search and filtering, integrated multi-media management via Cloudinary, and a secure administrative dashboard for listing management. The platform leverages Prisma ORM with PostgreSQL for efficient data persistence and implements complex form handling with Zod validation. Designed with a premium aesthetic using Framer Motion and modern UI component libraries to ensure a high-performance, responsive user experience.

Aureus is a modern finance tracking application that helps users manage lending and borrowing relationships, organize contacts, track shared group expenses, and visualize financial data through analytics. Built as a cross-platform mobile and web application using React and TypeScript with Capacitor, it enables seamless access across iOS, Android, and web browsers. The app features secure authentication via Supabase, automatic daily update checks, real-time data synchronization, and an intuitive interface powered by Shadcn/ui components and Tailwind CSS styling.

Developed the Security Testing Hub, a Next.js-based interactive platform designed to educate users on cybersecurity threats and defensive strategies. The application features several sandboxed attack scenarios—including phishing simulations, credential brute-forcing, and Cross-Site Scripting (XSS)—offering a dual-perspective UI that toggles between 'End-User' and 'Security Analyst' views. Implemented custom API handlers for real-time capture and logging of synthetic attack data, providing a hands-on learning environment for authorized security testing and risk awareness.