Freelancers using React in Harīpur

Freelancers using React in HarīpurFreelancers using React in Harīpur

Projects People

proIslamabad, Pakistan

Full-Stack Developer | React, React Native, Node.js, AI

$1k+: Earned

5.0: Rating

21: Followers

Partner

Full-Stack Developer | React, React Native, Node.js, AI

Cover image for Chatbox AI: Multi-Model AI Platform (Web + Mobile)

Chatbox AI: Multi-Model AI Platform (Web + Mobile)

1

1

Cover image for A dating app with AI

A dating app with AI and voice. Because texting wasn’t chaotic enough. We just delivered this AI-powered dating app with voice interaction and a clean, engaging UI. What we built: Voice-based interaction for real conversations Smart matchmaking experience Smooth onboarding with social logins Profile discovery and interaction flows Clean, modern UI with strong engagement focus Fast, scalable mobile performance Focus: Real user engagement, not endless swiping Simple, intuitive flows High-quality UI with smooth experience If you’re building a social or AI-driven app, we can take it from idea to production with the same level of execution.

1

119

Cover image for I design and build fast,

I design and build fast, responsive websites that look stunning and convert visitors into customers. From landing pages to full-scale web applications and eCommerce platforms, I deliver custom solutions tailored to your business goals. What I Offer: Custom website design & development eCommerce stores (Shopify, WooCommerce, custom) Web applications & SaaS dashboards Responsive design for all devices CMS integration (WordPress, Webflow, headless) SEO-friendly architecture & performance optimization

1

199

Cover image for We designed a landing page

We designed a landing page that introduces Life Track, a mobile app for monitoring heart rate and overall cardiovascular health. The goal of the landing page was to clearly communicate the product’s purpose, explain its key features, and show how the app helps users track their heart-health metrics in a simple, independent way. We focused on a clean, trustworthy visual style with structured sections that highlight the value of daily monitoring, onboarding personalization and easy-to-read data insights.

1

220

proIslamabad, Pakistan

Web Designer & Developer | Figma to Next.js | UI/UX

$1k+: Earned

3x: Hired

5.0: Rating

34: Followers

Web Designer & Developer | Figma to Next.js | UI/UX

Cover image for Design Rocket - Fullstack Web App

Design Rocket - Fullstack Web App

0

5

Cover image for FinTechPro - Financial Management Dashboard Development

FinTechPro - Financial Management Dashboard Development

0

10

Cover image for Personal Portfolio Website for AI Automation Expert

Personal Portfolio Website for AI Automation Expert

0

3

Cover image for Alex Chan - Next JS Template

Alex Chan - Next JS Template

1

4

Islamabad, Pakistan

🚀 AI & Fullstack Developer | MERN Expert 🚀

$10k+: Earned

5x: Hired

5.0: Rating

29: Followers

🚀 AI & Fullstack Developer | MERN Expert 🚀

Cover image for Sonik.fm Event Platform Development

Sonik.fm Event Platform Development

0

28

Cover image for Football Play Design Software - Konva.Js App

Football Play Design Software - Konva.Js App

0

12

Cover image for Website for Software Development company

Website for Software Development company

0

40

Cover image for Floor Plan Lighting Design App Development

Floor Plan Lighting Design App Development

0

22

proIslamabad, Pakistan

Ecommerce Web Designer | Figma to Framer, Shipped

5.0: Rating

24: Followers

expert

Ecommerce Web Designer | Figma to Framer, Shipped

Cover image for QuizWiz - AI-Powered Quiz Generator

QuizWiz - AI-Powered Quiz Generator

0

2

Cover image for MyWeeklyStock - Subscriber-Only FinTech Platform

MyWeeklyStock - Subscriber-Only FinTech Platform

0

2

Cover image for ProbeTruth AI SaaS Platform for Deepfake Detection

ProbeTruth AI SaaS Platform for Deepfake Detection

3

12

Cover image for Moodia Mental Health SaaS Platform Redesign

Moodia Mental Health SaaS Platform Redesign

3

9

proIslamabad, Pakistan

Blockchain & AI Engineer | Web3, DeFi, Full-Stack

5.0: Rating

5: Followers

Blockchain & AI Engineer | Web3, DeFi, Full-Stack

Cover image for Dynamic Travel Booking Platform

Dynamic Travel Booking Platform

1

3

Cover image for El Vaquero - Western Fashion E-Commerce Store

El Vaquero - Western Fashion E-Commerce Store

1

1

Cover image for Blackbird Limousine - Luxury Transportation Website

Blackbird Limousine - Luxury Transportation Website

1

1

Cover image for Excited to share the progress

Excited to share the progress of my latest project! I'm building a sleek and dynamic travel website that turns your travel dreams into reality. The site will feature custom itineraries, exclusive deals, and 24/7 support, all within a stunning, user-friendly interface. 🌟 Check out a sneak peek of the homepage! The focus is on providing easy navigation to top travel spots with an attractive, minimalist design that makes booking and planning a breeze. Stay tuned for more updates as I continue developing the site! 😍 💬 Let me know your thoughts, and feel free to share any tips for building travel-related websites! #WebDevelopment #NextJS #ReactJS #TailwindCSS #JavaScript #TravelWebsite #WebDesign #FrontendDevelopment

2

224

Shehzada Ammad Ali

Islamabad, Pakistan

Full Stack Developer| n8n | Framer| Kajabee| Webflow Expert

1x: Hired

46: Followers

Full Stack Developer| n8n | Framer| Kajabee| Webflow Expert

Cover image for the greatest mithai ever made Developed The Greatest Mithai ...

the greatest mithai ever made Developed The Greatest Mithai Ever Made, a modern e-commerce website dedicated to showcasing and selling premium mithai products online. The platform features a clean, visually appealing design that highlights each product with detailed descriptions and high-quality images. It includes a smooth shopping experience with secure payment gateways, easy product management, and an intuitive checkout process. Fully responsive and optimized for performance, the website allows customers to browse, select, and order their favorite sweets effortlessly, while the backend provides the client with full control over inventory, orders, and promotions.

1

108

Cover image for Migratory - E-Commerce Platform Migratory, a Shopify-based e...

Migratory - E-Commerce Platform Migratory, a Shopify-based e-commerce store specializing in premium cigars and smoked RTC products. The platform features a modern, visually appealing design that highlights the products, enhances brand identity, and provides a seamless shopping experience. We implemented secure payment gateways, easy product management, and an intuitive checkout flow to optimize sales and customer satisfaction. Fully responsive and mobile-friendly, the store ensures a smooth browsing experience across all devices, while the backend allows the client to manage inventory, orders, and promotions effortlessly.

1

92

Cover image for Designify Services Developed a sleek and professional agency...

Designify Services Developed a sleek and professional agency portfolio website for Designify Services, showcasing their services and expertise across Pakistan and the USA. The website highlights their agency offerings, client projects, and team profiles in a clean, modern design that enhances brand credibility. It features an easy-to-navigate layout, fully responsive pages, and a content management system allowing the agency to update projects, services, and news effortlessly. Optimized for speed and performance, the platform provides a seamless browsing experience for potential clients and partners, strengthening Designify’s digital presence internationally.

1

95

Cover image for Tandoor Club Developed a modern and user-friendly website fo...

Tandoor Club Developed a modern and user-friendly website for Tandoor Club, designed to help customers easily explore restaurant locations and reserve tables across any branch. The platform features an intuitive interface where visitors can view menus, check branch details, and make reservations in just a few clicks. The backend system allows the restaurant team to manage bookings, update location information, and monitor customer requests efficiently. Fully responsive and optimized for performance, the website delivers a seamless experience whether customers are browsing on mobile or desktop.

1

75

proIslamabad, Pakistan

Expert 3D Web & Mobile | Gen-AI LLMs | Saas Product

New to Contra

Expert 3D Web & Mobile | Gen-AI LLMs | Saas Product

Cover image for Innovative 3D Jewelry Configurator Showcasing Premium Designs

Interactive 3D Jewelry Configurator & Product Showcase Full Description Developed a premium 3D Jewelry Configurator that enables customers to explore and personalize jewelry through an immersive browser-based experience. The platform features real-time 3D visualization, interactive product rotation, metal customization, realistic gemstone rendering, smooth animations, and responsive controls. Built using modern WebGL technologies to deliver a luxury digital showroom that enhances customer engagement and online product presentation. Similar configurators are increasingly used by jewelry brands to let customers preview metals, gemstones, and designs before purchase. Role Senior Full Stack Three.js Developer Work Description Led the end-to-end development of a luxury 3D Jewelry Configurator, creating an immersive digital experience for showcasing premium jewelry collections. Built the interactive frontend using React, Three.js, React Three Fiber, TypeScript, WebGL, and GSAP, enabling photorealistic rendering, real-time material customization, smooth animations, and responsive 3D interactions. Optimized 3D assets and rendering pipelines to deliver a fast, high-quality experience across desktop and mobile while maintaining scalability for future product collections. Technologies React • Three.js • React Three Fiber • TypeScript • WebGL • GSAP • GLTF/GLB • HDR Lighting • PBR Materials • Node.js • REST APIs Key Contributions Built a luxury 3D jewelry experience Real-time metal & material customization Photorealistic gemstone rendering Smooth 360° product interaction Performance optimization for WebGL Responsive cross-device experience

0

34

Cover image for Interactive 3D Car Configurator &

Interactive 3D Car Configurator & Vehicle Customization Platform Description Led the end-to-end development of a browser-based 3D Car Configurator & Vehicle Visualization Platform, delivering a premium digital showroom experience for automotive businesses. Architected and developed the interactive frontend using React, Three.js, React Three Fiber, TypeScript, WebGL, and GSAP, enabling real-time vehicle customization with dynamic colors, materials, wheels, accessories, and 360° camera controls. Designed scalable backend services with Node.js, Express, and REST APIs to manage vehicle data, product variants, configurations, and business logic. Optimized 3D models using GLTF/GLB, HDR environments, PBR materials, texture compression, and lazy loading to achieve smooth performance across desktop and mobile devices. Technologies React • Three.js • React Three Fiber • TypeScript • WebGL • GSAP • Node.js • Express.js • REST APIs • GLTF/GLB • PBR Materials • HDRI • Git Key Contributions Architected the complete 3D configurator Built immersive real-time vehicle customization Developed scalable backend APIs Optimized rendering performance and asset loading Implemented responsive cross-device experience Delivered a production-ready automotive visualization platform Features Real-Time Vehicle Customization Interactive 3D Visualization Color & Material Selection Wheel & Rim Configurations Accessory & Variant Management 360° Camera Controls Performance Optimization Responsive Web Experience Backend API Integration Scalable Architecture

0

55

Cover image for Interactive 360° Virtual Tour &

Interactive 360° Virtual Tour & Property Visualization Platform Developed a high-performance 360° Virtual Tour & Property Visualization Platform that enables users to explore residential, commercial, and hospitality spaces through immersive browser-based experiences. Users can freely navigate every room, inspect spaces from any angle, interact with hotspots, and access detailed information in real time. Built with modern web technologies, the platform delivers smooth navigation, responsive performance, and an engaging virtual walkthrough experience across desktop and mobile devices. Features 360° Interactive Virtual Tours Room-to-Room Navigation Interactive Hotspots Points of Interest (POIs) Floor Navigation Image & Video Integration Information Popups Guided Tour Mode Full-Screen Experience Mobile & Desktop Responsive Browser-Based Access High-Performance Rendering Fast Loading & Optimized Performance Easy Content Management

0

146

Cover image for AI-Powered Fitness & Wellness Platform
Developed

AI-Powered Fitness & Wellness Platform Developed an AI-powered fitness and wellness platform that delivers personalized workout plans, nutrition guidance, and intelligent health coaching through a seamless mobile experience. The application combines AI-driven recommendations with customized fitness programs to help users achieve their health and wellness goals. A standout feature of the platform is its AI Mood Detection, allowing users to interact naturally with an AI coach that understands their emotional state and provides personalized workout recommendations, motivational guidance, and wellness advice based on their mood. The platform also includes nutrition tracking, workout customization, personalized diet plans, progress monitoring, and a 24/7 AI fitness trainer, creating a truly intelligent and engaging fitness experience. Key Features AI Fitness Trainer (24/7) AI Mood Detection & Personalized Coaching Personalized Workout Plans Workout Customization Nutrition Calculator Personalized Diet Plans Goal-Based Training Programs Progress Tracking & Analytics User Authentication & Profiles Responsive & Scalable Mobile Application

0

174

Muhammad Abubaker

Islamabad, Pakistan

Web Developer – Turning designs into responsive websites

New to Contra

Web Developer – Turning designs into responsive websites

Cover image for Tech Agency Portfolio & Insight

Tech Agency Portfolio & Insight Hub To effectively showcase my professional services and technical expertise, I built my own agency-grade portfolio website from the ground up. This platform serves as a central hub for my business, combining a service-oriented interface with a robust knowledge base to connect with potential clients. What I Did: Modern Full-Stack Architecture: Built using React for a dynamic, lightning-fast frontend and Nest.js for a scalable, efficient backend, ensuring the site is as high-performance as the work I deliver to my clients. Comprehensive Service & Project Showcase: Designed a dedicated section to detail my specific service offerings, complete with an organized project portfolio and deep-dive case studies that illustrate how I solve real business problems. Integrated Blog/Insight Hub: Developed a custom blog page to share industry insights, technical tutorials, and updates, establishing authority and providing ongoing value to visitors. Conversion-Focused UX: As seen in 967shots_so.jpg, the design features a streamlined, multi-step consultation request flow, making it incredibly easy for leads to reach out and start a project. Professional Workflow Visibility: I included a clear "How We Work" section to show prospective clients exactly what the process looks like, from discovery and planning to deployment and support, building immediate trust. This platform is more than just a resume—it’s a living example of my technical skills in action. By combining a clean, modern user interface with a powerful, data-driven backend, I’ve created a professional environment that effectively converts visitors into partners and demonstrates my commitment to delivering scalable, high-quality digital solutions.

0

39

Cover image for Custom Harmony Cost Calculator Plugin
To

Custom Harmony Cost Calculator Plugin To help potential enterprise clients better understand their needs and get instant pricing estimates, I built a bespoke calculator from the ground up. Instead of using a generic tool, I developed a custom WordPress plugin that allows for better scalability, easier updates, and seamless integration with the client's existing CRM. Built a Multi-Step User Experience: I designed a guided, step-by-step flow that collects detailed business information, current technical infrastructure (including PBX, gateways, and middleware), and specific license requirements. Custom Calculation Logic: I implemented dynamic math logic that calculates both monthly and annual costs in AED based on the quantities and licenses selected by the user. Advanced Lead Integration: The plugin doesn't just display numbers; it automates the sales process by sending automated notifications to the EMW sales team, emailing confirmations to the customer, and pushing all lead data directly into Zoho CRM. User-Centric Design: As seen in 563shots_so.jpg, I ensured the interface is clean, mobile-responsive, and matches the EMW corporate branding, providing a modern experience that builds trust with enterprise buyers. Complex Data Handling: I created a system to handle a wide range of technical inputs—from current phone brands and analog ports to middleware solutions—ensuring that every estimate is based on the client's actual environment. This tool acts as a 24/7 digital sales consultant. It removes the friction of waiting for a quote, qualifies leads by capturing deep technical data, and provides potential clients with an immediate, transparent view of what the Harmony solution costs for their specific business.

0

44

Cover image for Venue Booking and Management System Development

Venue Booking and Management System Development

0

2

Cover image for Interactive Education Management Platform (MERN)
I

Interactive Education Management Platform (MERN) I built the user interface for this educational platform to make learning feel simple and organized. My goal was to create a clean, responsive space where students could easily find their courses, track their progress, and interact with the site without getting lost in technical complexity. What I Did: Built the "Face" of the Site: Using React, I created the visual layout that users see and interact with every day. Made Learning Easy to Follow: I organized the dashboard so that everything a student needs—like their course list, quiz scores, and payment info—is right where they expect it to be. Designed for Both Sides: I created clear, separate views for students and teachers, making sure that each person can easily access the specific tools they need to succeed. Responsive Design: I made sure the platform works perfectly whether a student is checking their grades on a phone or studying on a laptop. By focusing on how the site feels to use, I helped turn a complex backend system into a friendly, reliable tool that actually helps students learn and teachers manage their classes.

0

55