Projects

Led the design and development of a high-performance, fully responsive website for a nonprofit supporting orphaned children. Built on a scalable monorepo architecture using Turborepo and Next.js App Router, with Sanity CMS enabling real-time, no-code content management for the team. Delivered accessible, SEO-optimized, and mobile-friendly UI with reusable Shadcn-based components. Achieved 97+ Lighthouse scores and empowered non-developers to manage content independently. Prioritized storytelling, transparency, and performance to align with the foundation’s mission.

Developed a sophisticated rich-text editor leveraging TipTap and shadcn/UI components. Built with React and Next.js 15, this editor integrates seamlessly into any React project with a single command, thanks to the shadcn-cli. Key features include rich text formatting (bold, italic, underline), multiple heading levels, ordered and unordered lists, text alignment options, image uploads and management, text color and background customization, and search and replace functionality. Deployed on Vercel, the editor ensures unmatched scalability and reliability. Inspired by the shadcn-UI site, it offers a user-friendly interface and comprehensive features.

Created an intuitive platform that unites Mughal Khel members by preserving their heritage and lineage. The app features a digital Shajara Nasab, secure login with next Auth.js, personalized theme options, enhanced mapping with Leaflet, rich family tree visualization through React Flow, and detailed family profiles. It also includes a blogging feature for sharing stories and updates, and a rich text editor built on TipTap. Integrated with Cloudinary for media management and Shadcn/UI for a seamless user experience, the app is deployed on Vercel ensuring top-notch scalability and reliability.

A modern e-commerce platform showcasing exquisite crochet products. Built with Next.js and powered by Medusa.js for advanced commerce and checkout functionality, it leverages Sanity CMS for flexible content management and PostgreSQL for secure data storage. Integrated with Resend for transactional emails, Cloudflare R2 for efficient asset storage, and Redis for caching, the platform ensures smooth performance. The backend is deployed on Railway, and the frontend is hosted on Vercel for unmatched scalability and reliability.

Developed a customizable SAAS landing page template using Next.js 14 for optimal performance, React 18 for efficient UI, Framer Motion for smooth animations, TailwindCSS for responsive styling, Shadcn UI for customizable components, and TypeScript for type-safe development. Integrated dark mode with next-themes, ensured responsive design across devices, and optimized for SEO. Combining the latest web technologies, this template offers a robust foundation for SAAS product landing pages.

A full stack AI powered chatbot UI. The website features a wide range of AI tools and applications, simple and distributed infrastructure using MongoDB, efficient data management using Prisma ORM, optimal performance with Next.js deployed on Vercel, polished user experience using Radix UI components, and modern design elements using ShadCN UI.

A platform dedicated to exploring AI capabilities. The website features a wide range of AI tools and applications, simple and distributed infrastructure using Turso DB, efficient data management using Prisma ORM, optimal performance with Next.js deployed on Vercel, polished user experience using Radix UI components, and modern design elements using ShadCN UI.

I have developed a modern platform dedicated to exploring AI capabilities. The website features a wide range of AI tools and applications, organized for easy navigation. Key features include powerful search capabilities using Algolia, reliable infrastructure Neon DB, efficient data management using Drizzle ORM, optimal performance Next.js deployed on Vercel, polished user experience using Radix UI components, and modern design elements using ShadCN ui.

LittleLemon is a mobile-first full-stack web application that I developed using the MERN stack . I learned how to build the front end of this application from the Meta-Front-End Developer Professional Certificate course on Coursera ... LearnMore