Projects using JavaScript in KarachiProjects using JavaScript in Karachi
Cover image for Designed and developed the CSBC
Designed and developed the CSBC Saints website with a modern, user-friendly interface and responsive design, highlighting their schools, programs, and community activities.
3
656
Cover image for AutoStudio Pro — AI-Powered Vehicle
AutoStudio Pro — AI-Powered Vehicle Photography SaaS Transforming ordinary car photos into professional, dealership-ready images using AI. The Challenge Car dealerships rely on high-quality vehicle photos to attract buyers, but professional photography is expensive, time-consuming, and difficult to scale. Inconsistent lighting, cluttered backgrounds, and poor framing often make vehicle listings look less appealing, especially for dealerships managing large inventories. The goal was to create an automated solution that could produce consistent, professional-looking vehicle images without traditional studio photography. Our Solution We developed AutoStudio Pro, an AI-powered SaaS platform built with Next.js and Google Nano Banana Pro. The platform enables dealerships to upload vehicle photos and transform them into polished marketing assets through an automated AI workflow. Key features included: • AI Background Replacement: Transform ordinary dealership photos into professional studio-style images. • Image Enhancement: Improve vehicle presentation through automated framing, polishing, and visual consistency. • Multi-Agent AI Workflow: Coordinate image-processing tasks to produce consistent results. • Custom Branding: Apply dealership watermarks for branded vehicle listings. • Simple Upload Experience: Enable users to generate professional images without editing expertise. The Results AutoStudio Pro simplified vehicle photography and content preparation for dealerships. • Turned ordinary vehicle photos into studio-quality listing assets. • Reduced the need for manual photo editing and professional studio shoots. • Created more consistent, branded visuals across vehicle inventories. • Streamlined image preparation through an automated SaaS workflow. Tech Stack Next.js · Google Nano Banana Pro · Generative AI · Image Processing · Multi-Agent AI Workflows Key Takeaway AutoStudio Pro demonstrates how AI can transform a time-consuming business process into a scalable, user-friendly product. By combining generative AI with a streamlined SaaS experience, we made professional vehicle imagery more accessible to dealerships.
0
423
Cover image for SaaS-Based Scheduling Platform – Admin
SaaS-Based Scheduling Platform – Admin & User Panel (Frontend) I developed the complete frontend for a SaaS platform that enables users to create and manage long-term schedules based on configurable parameters like audience type, brand, and timing blocks. The system includes both admin and user panels with role-based access for super and standard users. Key features include dynamic form flows, editable schedules, Excel summary exports, and role and permission management. The UI was built with React, Tailwind CSS, and Context API, ensuring high performance and a clean interface.
2
137
Cover image for Free SaaS Metrics Calculator —
Free SaaS Metrics Calculator — Private, Fast, No Signup I built a browser-based SaaS Metrics Calculator that helps founders quickly calculate: • MRR and ARR • Net Revenue Retention • Customer Acquisition Cost • Customer Lifetime Value • CAC payback period • MRR growth and 12-month run rate Everything runs locally in the browser—no account, API, or financial data storage. The tool also explains the formulas and assumptions behind every result. Built with HTML, CSS and JavaScript, with automatic number formatting and a responsive interface. Try it free: https://aisaaswithmustafa.com/tools/saas-metrics-calculator.html
1
0
84
Cover image for The Aesthetic Garage - Premium
The Aesthetic Garage - Premium Automotive Detailing Website Designed and developed a premium, conversion-focused website for The Aesthetic Garage, an automotive detailing and vehicle protection company serving Allentown, PA and surrounding areas. The website was built to communicate a high-end automotive experience while making it easy for customers to explore services, view transformations, understand the detailing process, and request a quote or book an appointment. The experience combines bold automotive visuals, strong typography, structured service content, social proof, and clear calls-to-action to turn visitors into potential customers. Key features: Premium automotive-focused visual design Service showcase for ceramic coating, PPF, paint correction, and detailing Interior & exterior detailing service pages Portfolio and vehicle transformation gallery Step-by-step detailing process Customer reviews and social proof Service-area coverage section FAQ section Free quote/contact form Appointment booking CTA Responsive design across devices SEO-focused service and location content Clear conversion-focused navigation Goal: Create a professional digital presence that reflects the quality of the detailing service while helping local customers quickly discover services, build trust, and take action.
0
175
Cover image for I designed this website for
I designed this website for Palmo, a cold-pressed coconut water brand. The goal was to make a simple drink feel fresh, natural and premium, and to tell the product story through motion instead of long blocks of text. Hero. The page opens with oversized condensed type in deep husk brown, "PARADISE IN EVERY SIP.", beside a photorealistic 3D coconut. A soft butter-yellow palm illustration sits in the corner. A small hand-drawn arrow points to two quick benefits, "Rich in electrolytes" and "No added sugar," and a short brand line sits on the right with a hand-circled "Discover Flavors" link. The header stays minimal: a palm logo, a basket icon and a pill-shaped "MENU" button that opens a full-screen brown menu with large stacked links and a palm silhouette. The scroll story. I made the main section one continuous scroll-driven sequence, so it plays like a short film: The crack: the coconut rotates as "THE REAL SOURCE OF EVERY SIP." splits apart around it, then cracks open to show the water inside. The facts: round badges float in one by one: 500mg potassium, 0g sugar, 45 kcal and 100% natural hydration. The transformation: the shell closes, and a progress label tracks the journey from "Whole coconut" to "Canned." The reveal: the coconut becomes a Palmo can, "KEEP SIPPING.." scrolls past, and the page drops into a scalloped brown section. Visual language. The palette comes straight from the product: creamy coconut white, rich husk brown and a sunny butter yellow. I paired a tall condensed display typeface with a handwritten accent font for small details like labels and buttons, which keeps the brand bold but friendly. Wavy, scalloped edges between sections look like the rim of a cracked shell and tie the whole page together. Shopping. In "EXPLORE ALL FLAVOURS," each flavour sits on its own card: Natural Pure, Golden Pineapple and Ruby Watermelon. Hovering a card flips its background to that flavour's colour and shows the can in 3D. A plus button opens pack-size options, so visitors can add to the basket without leaving the page. Trust and close: "YOU DESERVE THE BEST FOR YOUR HEALTH." pairs a short mission line with a scattered stack of holiday-style photos. "SIPPERS SAY !" is a review slider of short quote cards. "THE BOX OF HEALTH" is a flavour carousel where the background changes colour with each can. The footer turns into a mini game: visitors swipe to slice falling coconuts above a giant PALMO wordmark, which gives the brand a playful, memorable goodbye.
0
80
Cover image for Transforming local business presence into premium digital ex...
Transforming local business presence into premium digital experiences ✂️✨ Designed & developed by Usman DevHub Tech & Creative Studio. Here is a quick look at our latest landing page build for Royal Cuts—featuring a luxury dark mode UI, smooth mobile navigation, and conversion-focused design elements. ✨ Modern & Premium Web Design ✨ Fully Responsive Layout (Mobile+ Desktop) ✨ Clean Pricing & Service Showcase ✨ Direct Booking & WhatsApp Integration 🔗 Live Demo: https://royalcutsaloon.netlify.app/ Looking to elevate your brand with a high-converting website? Let's collaborate on your next project! 🚀
8
10
499