Muhammad Asad's Projects

Sportly is a marketplace connecting sports teams and coaches with training camp facilities worldwide — think Booking.com, but purpose-built for football/sports clubs looking to book training camps abroad. The platform serves three distinct user types (travelers, camp hosts, and platform admins), each with their own dashboard and permissions. As a frontend developer on the project, I worked on building and redesigning core UI components using Next.js 16 (App Router) and Tailwind CSS, including the site-wide footer with custom brand theming; implementing Google One Tap authentication alongside email/password, Facebook, and Apple sign-in flows; building the client-side Stripe payment flow with secure checkout redirects for camp bookings; working with Redux, React Query, and Context for state management across search, filtering, wishlist, and booking flows; and collaborating on backend handoff documentation for the Camp Operator (CP) and Admin dashboards, bridging frontend and backend teams. The platform includes real-time features (Socket.IO-based group chat and notifications), advanced camp search/filtering, a full booking + review system, and social features like team groups with camp comparison and voting.

BitKnit Limited is a premium digital agency website showcasing services in paid advertising, business automation, and custom web development. The site features stunning Framer Motion animations, smooth page transitions, and interactive UI elements that create an engaging user experience. Highlights include an animated hero section, dynamic service showcases, client testimonials carousel, and a comprehensive portfolio of redesigned websites for various industries including e-commerce, SaaS, healthcare, and more. Built to demonstrate cutting-edge web design and development capabilities.

RetroFam's Shopify customer portal — built for a sibling gaming retail brand — centralizes post-purchase operations: order management, shipment tracking, returns, PDF invoices, coupons & gift cards, and a trade-in program for selling gaming items. I led the frontend for RetroFam specifically, implementing the full UI, interactions, and dynamic client-side behavior, while backend APIs were provided by a Node.js service.

Bourter is a comprehensive ride-sharing platform landing page that connects riders with verified drivers for fast, safe, and reliable transportation. The platform features an all-in-one solution for booking rides, tracking in real-time, and seamless payments. The landing page showcases Bourter's core features including how the platform works with a 4-step process (Request, Match, Ride, Arrive), real-time GPS tracking and navigation, multiple ride type options (Economy, Comfort, Luxury), and secure payment integrations. The site includes detailed sections explaining why users should choose Bourter, highlighting verified drivers, safety features, and innovative technology. Key functionality includes two registration pathways: "Join as Driver" and "Join as Company". The driver registration features a multi-step form where users can upload required documents (license, vehicle registration, insurance), select subscription plans, and complete their profile. Similarly, the company registration allows fleet owners to register their business, upload company logo, cover image, and letterhead, and manage multiple drivers and vehicles through a comprehensive dashboard. The landing page is fully responsive, includes app store links for iOS and Android, features an FAQ section, and provides seamless user experience with smooth animations and modern UI/UX design principles.

The GL Group UAE site presents a diversified business portfolio—from real estate to hospitality—in a clean, corporate design. It highlights projects, investor relations, and brand identity through intuitive navigation and responsive layouts.

Bourter is a modern, feature-rich admin dashboard built with the latest web technologies. The dashboard provides comprehensive data visualization, user management, analytics tracking, and administrative controls. Features include interactive charts and graphs, real-time data updates with TanStack Query, smooth animations powered by Framer Motion, responsive design for all devices, and an intuitive interface for managing complex data. Built with performance and user experience in mind, utilizing server-side rendering and optimized data fetching strategies.

GlobalZairGuide is a comprehensive spiritual journey and Ziyarat guidance platform designed for religious tourism. The platform helps pilgrims discover and visit sacred places in Makkah, Madinah, and Iraq's holy shrines. Features include interactive maps of sacred locations, tailored religious tourism packages from verified agents, integrated faith tools (Quranic verses, Hadiths, Qibla direction), and a seamless booking experience. Built with modern UI/UX principles to provide a serene and intuitive user experience for spiritual travelers.

A full-stack e-commerce platform for premium hair oil products featuring a modern customer-facing website and comprehensive admin dashboard. The platform includes dynamic product catalog with 10+ premium hair oils, advanced shopping cart with Redux state management, secure checkout process with address validation, order management system, and real-time admin analytics. Built with Next.js 15 and React 19, featuring responsive design, smooth animations, and seamless user experience across all devices.

A comprehensive fantasy and betting analytics hub covering NFL, NBA, MLB, and more. Offers in-depth research, community features, and a user-friendly interface for informed decision-making in fantasy leagues and betting.