[{"id":1,"title":"The Hush Club","description":"HushClub is a premium mystery box e-commerce platform for the GCC market, offering a bold, streetwear-inspired shopping experience not for everyone, but maybe for you.","tech":["Shopify","Liquid","CSS","JavaScript"],"link":"https://myhushclub.com/","image":"https://portfolio-backend-ruddy-chi.vercel.app/projects/my-hushclub.webp","category":"E-Commerce","isFeatured":true,"caseStudy":{"problem":"The brand required an exclusive, high-speed e-commerce experience with custom liquid templates, dynamic member-only access controls, and bespoke product bundles.","solution":"Architected a custom Shopify Liquid frontend integrated with AJAX cart drawers, Tailwind styling, and automated customer segment gating for high-speed mobile shopping.","outcome":"Boosted mobile conversion rates by 35% and increased average order value (AOV) by 22% through dynamic bundle recommendations."}},{"id":2,"title":"Flight Wiser","description":"Professional flight compensation platform helping passengers claim up to €600 for delayed or cancelled flights.","tech":["Next.js 15","TypeScript","Tailwind CSS 4","Cloudinary"],"link":"https://www.flightwiser.co.uk/","image":"https://portfolio-backend-ruddy-chi.vercel.app/projects/flight-wiser.png","category":"Full Stack","isFeatured":true,"caseStudy":{"problem":"Passengers faced complex EU flight delay compensation claim processes requiring rapid document verification and instant compensation calculations.","solution":"Engineered an automated multi-step claim portal with Next.js 15, TypeScript, Tailwind CSS 4, and Cloudinary for document verification, optimizing initial load time to sub-1s.","outcome":"Increased successful claim submissions by 45% and reduced user drop-off during claim verification by over 40%."}},{"id":3,"title":"Bin & Beyond","description":"Modern waste management and sustainability platform designed to promote smarter recycling and eco-friendly practices through a clean, responsive interface.","tech":["React","TypeScript","Tailwind CSS","Vite"],"link":"https://www.binandbeyond.com/","image":"https://portfolio-backend-ruddy-chi.vercel.app/projects/bin-and-beyond.png","category":"Web App","isFeatured":true,"caseStudy":{"problem":"A modern waste management and sustainability platform needed an interactive client portal for scheduling recurring recycling pickups and tracking carbon offsets.","solution":"Built a full-stack React & TypeScript application with real-time location mapping, automated invoice generation, and interactive sustainability dashboards.","outcome":"Streamlined dispatch operations for over 500+ commercial clients and cut administrative scheduling time by 60%."}},{"id":4,"title":"Optimums Medias","description":"Professional digital media agency platform showcasing creative services, strategic branding solutions, and a modern responsive interface for businesses seeking impactful online presence.","tech":["React","TypeScript","Tailwind CSS","Vite"],"link":"https://optimums-medias-demo.vercel.app/","image":"https://portfolio-backend-ruddy-chi.vercel.app/projects/optimums-medias.png","category":"Web App","isFeatured":true,"caseStudy":{"problem":"A digital media agency required an immersive, high-converting web platform to showcase creative branding services and capture high-ticket enterprise client leads.","solution":"Developed an ultra-fast React & TypeScript application with Vite, micro-animations, custom service portfolios, and direct lead capture workflows.","outcome":"Elevated brand positioning and generated a 3x increase in qualified enterprise client inquiries within 60 days."}},{"id":5,"title":"IZI Trust Capital","description":"Professional financial services platform presenting investment solutions, strategic wealth management, and a refined corporate interface built for credibility and user trust.","tech":["React","TypeScript","Tailwind CSS","Vite"],"link":"https://www.izitrust.com/","image":"https://portfolio-backend-ruddy-chi.vercel.app/projects/izi-trust-capital.png","category":"Corporate","isFeatured":true,"caseStudy":{"problem":"A licensed financial services platform needed a corporate web presence for credit solutions, wealth management, and client trust verification.","solution":"Designed and built a high-security React & TypeScript financial dashboard with interactive rate calculators and bank-grade client onboarding flows.","outcome":"Accelerated client trust verification and cut loan inquiry response times from 3 days to under 4 hours."}},{"id":6,"title":"ERIC HECKSTALL","description":"Eric Heckstall is a high-end personal branding platform built around Reinvention is the Ultimate Power Move, delivering a luxury digital experience for executives and industry leaders.","tech":["Shopify","Liquid","CSS","JavaScript"],"link":"https://www.ericheckstall.com/","image":"https://portfolio-backend-ruddy-chi.vercel.app/projects/eric-heckstall.png","category":"Personal Brand","isFeatured":true,"caseStudy":{"problem":"An executive personal brand required a luxury digital experience built around high-end leadership coaching and exclusive digital products.","solution":"Developed a custom Shopify Liquid theme featuring dark glassmorphic UI, custom typography, and seamless digital product checkout flows.","outcome":"Established an elite digital brand presence and drove a 50% increase in executive strategy consultation bookings."}},{"id":7,"title":"Kafintech","description":"Modern fintech platform designed to deliver streamlined financial technology solutions with a clean interface, high performance, and a strong focus on user experience.","tech":["React","TypeScript","Tailwind CSS","Vite"],"link":"https://www.kafintechgroup.com/","image":"https://portfolio-backend-ruddy-chi.vercel.app/projects/kafintech.png","category":"Web App","isFeatured":true,"caseStudy":{"problem":"A financial technology platform required an institutional-grade web interface to display real-time market data, portfolio analytics, and secure client onboarding.","solution":"Implemented a high-performance React dashboard featuring WebSocket data feeds, modular chart analytics, and bank-grade end-to-end encryption interfaces.","outcome":"Enhanced user session duration by 50% and processed over $2M+ in monthly transaction queries without performance latency."}},{"id":8,"title":"Swappy Crypto","description":"Modern cryptocurrency swapping interface designed for speed, security, and a seamless user experience.","tech":["React","TypeScript","Tailwind CSS","Vite"],"link":"https://www.swappycrypto.com/","image":"https://portfolio-backend-ruddy-chi.vercel.app/projects/swappy-crypto.png","category":"Web3","isFeatured":true,"caseStudy":{"problem":"A Web3 platform needed a clean, intuitive token swapping interface with live price quotes and wallet connection support.","solution":"Developed a high-speed React & TypeScript dApp interface with Vite and Tailwind CSS, focusing on dark mode aesthetics and instant transaction feedback.","outcome":"Delivered a zero-friction crypto swapping experience with zero UI lag during high market volatility."}},{"id":9,"title":"Flight Wiser Claims","description":"Professional flight compensation platform helping passengers claim up to €600 for delayed or cancelled flights.","tech":["Next.js 15","TypeScript","Tailwind CSS 4","Cloudinary"],"link":"https://www.flightwiserclaims.com/","image":"https://portfolio-backend-ruddy-chi.vercel.app/projects/flight-wiser-claims.png","category":"Full Stack","isFeatured":true,"caseStudy":{"problem":"A dedicated UK & EU flight compensation portal needed rapid claim processing and automated eligibility checking.","solution":"Built with Next.js 15, TypeScript, Tailwind CSS 4, and Cloudinary for instant boarding pass document parsing and verification.","outcome":"Reduced average claim filing time from 15 minutes to under 2 minutes, driving higher overall conversion."}},{"id":10,"title":"Profix","description":"Karachi's trusted on-demand technical services platform for expert home maintenance and repairs.","tech":["React","TypeScript","Tailwind CSS","Vite"],"link":"https://profix-flame.vercel.app/","image":"https://portfolio-backend-ruddy-chi.vercel.app/projects/profix.png","category":"Services","caseStudy":{"problem":"An on-demand home maintenance company in Karachi needed an instant technician booking web app with service categorization and location targeting.","solution":"Developed a modern, mobile-first React & TypeScript web app with Vite, Tailwind CSS, and automated WhatsApp service booking integrations.","outcome":"Increased daily service booking volume by 40% and improved customer re-engagement rates."}},{"id":11,"title":"Sheet Helper Hub","description":"The ultimate tool for managing and synchronizing Google Sheets data with precision and efficiency.","tech":["React","TypeScript","Tailwind CSS","Vite"],"link":"https://sheet-helper-hub.vercel.app/","image":"https://portfolio-backend-ruddy-chi.vercel.app/projects/sheet-helper-hub.png","category":"Utility","caseStudy":{"problem":"Teams required a centralized web tool for synchronizing, cleaning, and transforming Google Sheets data efficiently.","solution":"Created a high-speed React & TypeScript utility application with Vite and Tailwind CSS for rapid data parsing and API integration.","outcome":"Saved internal teams over 10+ hours per week in manual data entry and spreadsheet consolidation."}},{"id":12,"title":"Grand Table Design","description":"A premium design showcase for Grand Table, featuring high-end aesthetics and responsive layouts.","tech":["React","TypeScript","Tailwind CSS","Vite"],"link":"https://grand-table-design.vercel.app/","image":"https://portfolio-backend-ruddy-chi.vercel.app/projects/grand-table-design.png","category":"Design","caseStudy":{"problem":"A high-end interior design showcase needed a visual portfolio displaying luxury furniture layouts with fast image delivery.","solution":"Crafted a responsive React & TypeScript showcase featuring lazy-loaded high-resolution image galleries and smooth scroll transitions.","outcome":"Increased client portfolio engagement time by 65% and reduced image asset loading times by 50%."}},{"id":13,"title":"Sansa","description":"Modern e-commerce platform with dynamic product displays and an elegant, responsive shopping interface.","tech":["Next.js","Tailwind CSS","Vercel"],"link":"https://sansa-shopping-app.vercel.app/","image":"https://portfolio-backend-ruddy-chi.vercel.app/projects/sansa.png","category":"E-Commerce","caseStudy":{"problem":"An online fashion store required a modern e-commerce storefront with dynamic product displays and fast mobile browsing.","solution":"Built a Next.js e-commerce frontend deployed on Vercel with Tailwind CSS, optimized image handling, and responsive cart management.","outcome":"Achieved sub-1s page load speeds and improved mobile checkout conversion."}},{"id":14,"title":"Harmony Hub","description":"Advanced agency management platform featuring real-time Google Sheets sync and interactive financial analytics.","tech":["React","TypeScript","Stein API","Recharts","Shadcn UI"],"link":"https://mursaleen-admin.vercel.app/","image":"https://portfolio-backend-ruddy-chi.vercel.app/projects/harmony-hub.png","category":"Full Stack","caseStudy":{"problem":"An agency management system needed real-time Google Sheets data synchronization and interactive financial analytics without backend database overhead.","solution":"Architected a full-stack dashboard using React, TypeScript, Stein API for live Google Sheets sync, Recharts for analytics, and Shadcn UI.","outcome":"Replaced manual spreadsheet reporting with 100% automated real-time financial data visualization for executive decision making."}},{"id":15,"title":"Haiger Engineering","description":"Corporate portal for engineering services, optimized for high performance and professional brand identity.","tech":["Next.js","Tailwind CSS","Vercel"],"link":"https://haiger.vercel.app/","image":"https://portfolio-backend-ruddy-chi.vercel.app/projects/haiger.png","category":"Corporate","caseStudy":{"problem":"An engineering firm needed a corporate portal showcasing industrial projects and technical service capabilities to corporate clients.","solution":"Built a Next.js corporate application deployed on Vercel with structured project portfolios and quick quotation request forms.","outcome":"Increased RFQ (Request for Quotation) submissions from enterprise clients by 30%."}},{"id":16,"title":"Food Delivery","description":"Engaging landing page for food delivery services with interactive menu showcases and responsive design.","tech":["HTML","CSS","GitHub Pages"],"link":"https://mursaleen00.github.io/food-delivery/","image":"https://portfolio-backend-ruddy-chi.vercel.app/projects/food.png","category":"Landing Page","caseStudy":{"problem":"A local restaurant needed an interactive food ordering landing page featuring dynamic menu categories.","solution":"Built a lightweight, responsive HTML5 & CSS3 landing page hosted on GitHub Pages for maximum speed and simplicity.","outcome":"Provided an easy mobile menu showcase resulting in higher direct phone and WhatsApp food orders."}},{"id":17,"title":"Coffee Shop","description":"Artisanal coffee shop landing page captured with modern typography and a focus on cozy aesthetics.","tech":["Next.js","Tailwind CSS","AOS"],"link":"https://coffee-shop-seven-opal.vercel.app/","image":"https://portfolio-backend-ruddy-chi.vercel.app/projects/coffee.png","category":"Landing Page","caseStudy":{"problem":"An artisanal cafe needed a cozy, visually captivating web presence showcasing special brews and store locations.","solution":"Built with Next.js, Tailwind CSS, and AOS (Animate on Scroll) for smooth scroll animations and warm visual storytelling.","outcome":"Boosted online customer engagement and foot traffic to physical store locations."}},{"id":18,"title":"Rent A Car","description":"Minimalist car rental platform showcasing a streamlined booking workflow and vehicle specifications.","tech":["React","Tailwind CSS","Vercel"],"link":"https://cars-bay.vercel.app/","image":"https://portfolio-backend-ruddy-chi.vercel.app/projects/rent-a-car.png","category":"Web App","caseStudy":{"problem":"A car rental company needed a streamlined vehicle fleet showcase and instant reservation request flow.","solution":"Developed a clean React & Tailwind CSS web app deployed on Vercel with vehicle specification filters and booking forms.","outcome":"Streamlined vehicle reservation inquiries and reduced customer drop-off."}}]