Freelancers using WP Engine in Karachi
Freelancers using WP Engine in Karachi
Sign Up
Post a job
Sign Up
Log In
Filters
2
Projects
People
Arsalan Abbas
pro
Karachi, Pakistan
Building high-performance products for ambitious startups
New to Contra
Follow
Message
Building high-performance products for ambitious startups
0
CARU Pet Food - Premium Pet Nutrition Website Designed and developed a modern, engaging website experience for CARU Pet Food, a premium pet nutrition brand focused on functional food made with human-grade ingredients and a homemade taste. The experience was built around helping pet parents easily discover products for their dogs and cats while communicating CARU’s brand story, ingredient philosophy, and commitment to quality. Key features: Dog & cat product discovery Product category navigation Stews, broths, smoothies, and treats Best-selling product showcase Product-focused content sections Brand story and founder storytelling Ingredient and nutrition information Where-to-buy experience Local and online retailer discovery FAQ and contact sections Responsive, mobile-friendly design Strong visual storytelling and brand-focused UX Goal: Create a warm, trustworthy, and visually engaging digital experience that connects pet parents with CARU’s products while making product discovery and purchasing pathways simple and intuitive.
0
249
0
🚀 Project Update: CloudPuff Sanctuary (Phase 2) Project: CloudPuff Plushies — E-Commerce Experience Role: Lead Full-Stack Engineer & UI/UX Product Architect Milestone: Platform Release v1.2 Status: Completed & Live in Development Stack: Next.js 15 · React 19 · TypeScript · Vanilla CSS · Web Audio API 📣 Milestone Overview This milestone evolved CloudPuff Sanctuary from a visually engaging storefront into a more complete e-commerce experience with interactive shopping features, role-based dashboards, and seamless guest-to-account data synchronization. The primary focus was on improving customer engagement, account architecture, security, personalization, and overall UX while keeping the codebase modular and performant. Key Deliverables Interactive storefront and custom plushie experience Customer and administrator dashboard separation Guest wishlist functionality with account synchronization Enhanced authentication and admin security Interactive shopping and personalization features Responsive, lightweight frontend architecture 🧸 1. Interactive Storefront Experience Built a highly interactive storefront designed around the brand's playful customer experience. Key features include: Interactive Plushie Customizer: Real-time customization of fur colors, aromas, accessories, and engraved tags. Mood Matcher: Recommends plush companions based on the visitor's selected mood. Size & Hug Comparison: Interactive visual comparisons to help customers understand product dimensions. Cloud Hop Arcade: HTML5 Canvas mini-game with reward-based shopping incentives. Adoption Certificates: Generates personalized post-purchase certificates with registry information and print/PDF-friendly formatting. Web Audio Interactions: Custom audio feedback for selected UI interactions, product actions, and ambient experiences. 🛡️ 2. Dual-Persona Dashboard Architecture The dashboard was restructured around two distinct experiences: Customer Cuddle Hub Profile and identity management Orders and adoption registry Wishlist Billing and saved payment information Notifications Account/session management Sanctuary Shop Command Center Inventory management Fulfillment and dispatch Revenue and operational KPIs Store governance Administrative security Customer-facing preview Security & UX Improvements Strict role-based access controls Administrative features isolated from customer accounts Dedicated TOTP/2FA management for administrators Independent billing and notification sections Device/session management Cleaner navigation with deep-linked dashboard tabs This keeps the customer experience simple while providing administrators with the tools they need to operate the platform. 💖 3. Guest-to-Account Wishlist Sync A major focus of this milestone was removing friction from wishlist functionality. Visitors can save products without creating an account first. The system then: Stores guest wishlist selections locally. Preserves selections through registration/login. Merges guest and account wishlists automatically. Removes duplicate products during synchronization. Updates open browser tabs through cross-tab events. The authenticated dashboard then provides a dedicated wishlist experience with: Saved products Bulk "Adopt Whole Squad" cart action Wishlist sharing Product ratings Direct shopping navigation 🛠️ Technical Architecture Layer Technology Implementation Framework Next.js 15 App Router, dynamic routes, client components Frontend React 19 Modular component architecture Language TypeScript Strict typing across models, contexts and components Styling Vanilla CSS Semantic tokens, responsive layouts, themes Audio Web Audio API Custom UI sound synthesis State React Context Auth, Cart, Theme and Sound contexts Sync Browser Storage/Events Guest persistence and cross-tab synchronization The implementation prioritizes modularity, type safety, performance, and minimal frontend overhead. 📊 Results Improved Customer Experience Guests can immediately save products without encountering an authentication barrier. Better Operational Separation Customers and administrators receive purpose-built interfaces with appropriate permissions and workflows. Stronger Account Continuity Wishlist data is preserved when users transition from guest browsing to registered accounts. Lightweight Frontend The custom CSS architecture avoids unnecessary UI-library overhead while maintaining responsive layouts and rich interactions. Maintainable Codebase Features are organized into reusable components, typed models, context providers, and isolated functionality to support continued development. 🔮 Next Development Opportunities Planned enhancements include: Automated SMS delivery notifications Multi-currency support AR-based plushie previews using WebXR Further personalization and engagement features This milestone establishes a stronger foundation for CloudPuff Sanctuary to evolve from an e-commerce storefront into a more personalized and interactive digital shopping platform.
0
34
2
Building a Dreamy Kawaii E-Commerce Store with Squish Physics & Ambient Soundscapes ☁️🧸 Hey Contra community! 👋 I’ve been designing and developing CloudPuff, an interactive, joy-first e-commerce experience for plushie lovers. Instead of another cookie-cutter shop, I wanted every interaction to feel tactile, cozy, and playful. What I’ve built so far: Interactive Squish Physics: Spring animations, squeeze physics, and tactile micro-interactions on hover and click. Custom Plushie Studio (/customizer): Real-time workshop to build custom plushies (fur tone, scent selection, embroidered collar tags). Web Audio Soundscapes: Built-in soothing ambient lullaby chime, squish FX, and audio feedback. In-Page Real-World Size Guide: Visual comparison against everyday objects (coffee mug, 13" laptop, sleeping house cat, pillows). Adoption Registry & Live Tracker: Official printable birth certificates and a simulated live cuddle courier radar. Day & Twilight Night Mode: Custom dual-palette design system built purely in Vanilla CSS & Next.js. Looking for your feedback: Do you prefer the dreamy pastel cotton candy aesthetic or the deep twilight glassmorphism? What’s missing? If you were adopting a plushie buddy, what delight feature or micro-interaction would make you say "take my money"? Drop your thoughts or suggestions below. I’d really appreciate your critique! 👇✨
3
2
159
1
Status: 🚧 Active Development (Work in Progress) Platform: iOS & Android (Cross-Platform Mobile Application) Executive Summary FitMind AI (FM AI) is an elite, dual-sided mobile ecosystem engineered to bridge the gap between AI-driven athlete biometrics and high-performance human coaching. Most modern fitness apps rely on static, cookie-cutter PDF routines or generic algorithmic chatbots that ignore real-time human physiology. FM AI changes this paradigm by synthesizing live telemetry from wearable sensors (Whoop 4.0, Apple Watch, Garmin) into adaptive daily training, nutrition formulas, and real-time video form analysis, backed by a comprehensive Coach Command Center with intake CRM, split builders, and royalty monetization. > The Problem & Vision i) The Problem Disconnected Biometrics: Wearables gather massive amounts of sleep and HRV data, yet athletes still blindly follow fixed workout splits regardless of central nervous system (CNS) fatigue or recovery deficits. ii) Siloed Coaching Workflows: Remote coaches juggle WhatsApp for messaging, Google Sheets for workouts, Loom for video reviews, and Stripe/PayPal for billing. iii) Lack of Visual & Interactive Fidelity: Fitness apps often feel like utilitarian databases rather than dynamic, motivating athletic dashboards. The Solution: FitMind AI FM AI delivers a cohesive, glassmorphic dark-mode mobile experience featuring: i) An Athlete Mode that automatically adapts workout load, sets, and RPE based on overnight recovery and daily readiness. ii) A Coach Mode offering an agency-grade mobile CRM to prescribe routines, review video form checks with visual cues, manage inbound orders, and host 1-on-1 consultations. > Key Architectural Highlights & Features 1. Dual-Sided Executive Bento Grid Interface i) Athlete Dashboard: Features an interactive glassmorphic Bento HUD displaying real-time Whoop recovery scores, day streak gamification, FM Coin treasury rewards, and contextual daily workouts. ii) Coach Command Center: Instantly toggle between Client and Coach modes with a single tap. Coaches get real-time client roster vitals, pending intake orders, video submission queues, and quick-launch links to the Web Command Studio. iii) Custom Glassmorphism Design System: Built from the ground up using expo-blur and multi-stop linear gradients, featuring floating pill navbars with bottom blur curtains and ambient LED edge glows. 2. Live Biometric Synchronization & Intelligent Readiness i) Tracks Heart Rate Variability (HRV), resting heart rate, sleep cycles, and daily strain to calculate an AI Recovery Score (0–100%). ii) Dynamically calibrates prescribed workout weights, volume, and rest timers in real-time (e.g., dialing down squat volume when recovery is sub-50% or recommending heavy progressive overload on high-recovery days). 3. Coach Studio & Athlete Management CRM i) Multi-Day Split Builder: Interactive workout generator with RPE targets, tempo notation (eccentric/pause/concentric), and exercise tutorial integrations. ii) Custom Meal & Macro Formula Prescriber: Coaches can prescribe targeted daily caloric targets and macronutrient distributions (protein/carb/fat) with instant push notifications to the athlete. iii) Video Form Checks: Video submission pipeline allowing coaches to review athlete lift execution and return feedback cues. iv) Team Coaching & Royalties: Multi-tier agency support allowing head coaches to oversee sub-coaches and track monthly sales volume and royalty splits. 4. FM AI Adaptive Music Engine i) Biometrically reactive soundscape player with a floating, animated mini-player. ii) Automatically surfaces high-tempo, energetic playlists based on the current workout block (warmup, working sets, PR attempts, cooldown). Technical Stack & Implementation Framework: React Native, Expo SDK (Managed Workflow with Custom Plugins) Navigation: Expo Router v3 (File-based typed routing, nested layouts, modal stacks) Language: TypeScript (Strict mode, end-to-end type safety for orders, biometrics & threads) UI & Animations: React Native Reanimated 3 (60fps spring physics, enter/exit transitions, pulse glows) Aesthetics & Glass: Expo Blur (BlurView), Expo Linear Gradient, Custom HSL Dark Palettes Hardware Integrations: Device sensor access, camera intake for AI food and form scanning Media & Audio: Expo AV / Sound Engine, Expo Image for cached high-performance media delivery 📈 Ongoing Work & Upcoming Milestones (WIP) Core athlete tracking engine and gamified coin reward economy. Dual-dashboard switching (Athlete Mode ↔ Coach Command Center). Glassmorphic Bento Grid navigation & responsive floating dock. Coach routine builder and macro prescription protocol. In Progress: On-device computer vision for real-time rep velocity tracking (VBT). In Progress: Stripe Connect integration for automated subscription billing and instant coach payouts. Upcoming: Apple HealthKit & Whoop API direct background background sync. 💡 Why This Project Demonstrates Product & Engineering Mastery This project showcases the ability to architect complex state hierarchies, manage dual-persona authorization flows, design production-grade UI/UX that rivals top-tier Silicon Valley consumer apps, and build cross-platform mobile software optimized for performance and aesthetic appeal.
2
1
170
WP Engine
(1)
Follow
Message
Ammar Jawed
Karachi, Pakistan
We design logos & build responsive websites.
New to Contra
Follow
Message
We design logos & build responsive websites.
0
Complete Agency Website (WordPress) Designed and developed a fully responsive WordPress website for an agency, optimized for performance and SEO. Features include a modern design, integrated contact forms, smooth navigation, and full functionality across devices. All essential plugins and tools are implemented for maximum efficiency and user experience.
0
25
0
Landscaping Business Website (WordPress) Designed and developed a modern and fully responsive website for a landscaping business using WordPress. The website showcases services, project galleries, and customer-focused content to attract local clients. It includes contact forms, service sections, fast loading speed, and SEO optimization to improve online visibility. The design is clean, mobile-friendly, and optimized for a smooth user experience across all devices.
0
27
0
Complete E-commerce Website (WordPress) Developed a fully functional and responsive e-commerce website on WordPress. Features include a product catalog, shopping cart, secure checkout, payment gateway integration, and optimized user experience across all devices. SEO-friendly structure and performance optimization ensure rapid loading and high visibility.
0
26
0
Marketing website for a professional Graphic design company
0
25
WP Engine
(1)
Follow
Message
Explore people
