Freelancers using JavaScript in Islamabad Capital TerritoryFreelancers using JavaScript in Islamabad Capital Territory
ProjectsPeople
Muhammad Usman's avatar
Muhammad Usman
Islamabad, Pakistan
AI & Full-Stack Engineer | Product Design & Development
$10k+
Earned
5x
Hired
5.0
Rating
33
Followers
AI & Full-Stack Engineer | Product Design & Development
Cover image for Football Play Design Software - Konva.Js App
Football Play Design Software - Konva.Js App
0
15
Cover image for Lottery management App
Lottery management App
0
89
Cover image for A Dynamic Online Portfolio for Engineering Firm
A Dynamic Online Portfolio for Engineering Firm
0
39
Cover image for Avtive SaaS Landing Page Development
Avtive SaaS Landing Page Development
0
4
JavaScript(3)
Syed Nouman's avatar
Syed Nouman
Islamabad, Pakistan
Expert Custom Website Developer
1x
Hired
5.0
Rating
1
Followers
Expert Custom Website Developer
Cover image for TIC Services: Webflow Website Development
TIC Services: Webflow Website Development
0
38
Cover image for Portfolio Website for Leonard Fom
Portfolio Website for Leonard Fom
0
32
Cover image for GoodDine - healthy food
GoodDine - healthy food
0
29
Cover image for Custom CRM For an Insurance Agency
Custom CRM For an Insurance Agency
0
22
JavaScript(3)
Muhammad Abubaker's avatar
Muhammad Abubaker
Islamabad, Pakistan
Web Developer – Turning designs into responsive websites
New to Contra
Web Developer – Turning designs into responsive websites
Cover image for Venue Booking and Management System Development
Venue Booking and Management System Development
0
7
Cover image for Football Academy Website I worked with
Football Academy Website I worked with a football academy to build a digital home that does much more than just look good. The goal was to take their entire enrollment process—from the first time a parent lands on the site to the moment they book a session—and make it as smooth and automated as possible. Built a Complete Enrollment Hub: Using WordPress and Elementor, I designed a site that makes it easy for parents to find the right training program for their children. Smart Automation: I integrated AI tools and custom lead funnels that automatically handle inquiries, ensuring the academy team never misses a potential new student. Custom Functionality: I used custom scripts and JavaScript to add special interactive features. For example, I created specific navigation logic that guides visitors exactly where they need to go based on what they click, making the site feel personalized. Payment & Tracking: I set up a secure payment gateway for seamless bookings and installed a comprehensive tracking system so the academy can see exactly where their visitors come from and how they interact with the site. SEO & Speed: I optimized the entire site to make sure it shows up when local families search for football training, ensuring it stays fast and easy to navigate even on mobile devices. By combining great design with smart technical tools, I turned their website into a 24/7 assistant that helps the academy grow its community, manage enrollments, and focus on what matters most—coaching the kids.
0
89
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
93
Cover image for Website landing page for Cooperate
Website landing page for Cooperate Business Just wrapped a high-end corporate landing page concept for a strategic consulting firm. Built entirely in React. What's inside: → Dark navy + gold design system with Playfair Display & Inter typography → Animated CSS geometric hero visual (zero images) → Scroll-reveal animations on every section → Services grid, process timeline, testimonials, and email CTA → Fully responsive with glassmorphism nav This is the kind of work I bring to every project — intentional design, clean code, and attention to detail that makes a brand feel premium. 💼 Available for web design & development projects.
1
111
JavaScript(3)
Sulman Cheema's avatar
Sulman Cheema
Islamabad, Pakistan
Studio Helpers · WebGL, Motion & Product Engineering Studio
New to Contra
Studio Helpers · WebGL, Motion & Product Engineering Studio
Cover image for Nightjar: Real-Time Motion Identity in WebGL2
Nightjar: Real-Time Motion Identity in WebGL2
0
1
Cover image for Over, Under: WebGL2 Weave Engine and Cloth Simulation
Over, Under: WebGL2 Weave Engine and Cloth Simulation
0
1
Cover image for Marginalia: Real-Time Product Rendering in WebGL2
Marginalia: Real-Time Product Rendering in WebGL2
0
0
Cover image for Criter.ai: Pre-Seed Investor Deck System
Criter.ai: Pre-Seed Investor Deck System
0
0
JavaScript(8)
Muhammad Saifullah's avatar
Muhammad Saifullah
Islamabad, Pakistan
Web Developer | UI/UX| 3D Product Animation |
13
Followers
Web Developer | UI/UX| 3D Product Animation |
Cover image for Project title: Local Density Launch
Project title: Local Density Launch Strategy — Tennis Matchmaking App Category tags: Growth Marketing, Digital Marketing, User Acquisition, Web Design Description: A live launch-strategy case study built for a tennis matchmaking app, designed to solve the real problem behind local matchmaking products: density, not just downloads. Instead of a generic acquisition plan, this project sequences growth around one core insight — a matchmaking app only works when enough real players exist close enough to actually play each other. What's included: a 90-day sequenced launch plan (seeding acquisition through existing community touchpoints, local creator/influencer partnerships over broad-reach influencers, a paired referral mechanic for online + offline growth, and a neighborhood-by-neighborhood density rollout for matchmaking), plus a sample referral flow mockup and projected KPI framework — all built and deployed independently as a working site (HTML/CSS/JS, hosted on Netlify). Live site: https://saifullah-tennis-launch.netlify.app
0
118
Cover image for 🎤 Encore — Your Sound,
🎤 Encore — Your Sound, Verified A concept demo built for the artist/fan/venue platform brief 📌 What This Is Encore is a front-end concept demo — a single-page, mobile-first web experience designed to show how the platform described in the brief could feel to use. It's not just a mockup of screens; it's a working, interactive build: real animation, real 3D motion, real responsive layout, all in the browser. The goal wasn't to illustrate "a music app." It was to design around the actual problem stated in the brief: AI and infinite streaming have flooded the market, and the one thing that can't be faked is a room full of real people who showed up for one specific artist. Every design decision traces back to that idea. 🎯 The Core Idea (Signature Concept) The centerpiece of the whole design is a simple visual metaphor: Noise → Signature On page load, the hero section shows a waveform made of random, chaotic bars — representing the flood of AI-generated tracks. Over about 2 seconds, it smoothly resolves into a clean, deliberate waveform shape — representing a real artist's identity emerging from the noise. This one animation is the pitch: your sound survives the flood because it's yours. That same idea — human signal standing out against synthetic noise — is echoed quietly throughout: in the copy, in the "verified" badges, and in the rotating light-ray silhouette behind the hero text. 🎨 Design System Color palette (named, not generic defaults): #0E0B12 Stage — near-black background, like a dim venue #161019 Stage 2 — slightly lifted panel background #1F1826 Card — surface color for cards/passes #FFB84D Amber — warm spotlight accent #B24BF3 Violet — electric stage-light accent #F5F0EB Paper — main text color #6EE7A8 Green — small "verified/confirmed" indicator only Typography (three roles, chosen for character, not defaults): Fraunces (serif) → headlines. Warm, a little vintage, feels human rather than corporate Inter (sans) → body copy. Clean, highly readable at small sizes IBM Plex Mono → tags, roles, timestamps, eyebrows. Gives a "verified/technical" feel to labels like CONFIRMED · MOBILE Layout logic: every section either shows the brief's real content (roles, event lifecycle) or reinforces the noise→signature theme. Nothing decorative was added just to fill space. 🧩 Section-by-Section Breakdown 🧭 Nav — sticky, blurred glass background, quick links + waitlist CTA 🎙️ Hero — the noise→signature waveform animation, headline built directly from the brief's own stat (750k tracks/day, 400k AI-made), rotating light-ray performer silhouette as ambient background 📉 The Problem — three animated counting stats (53%, 750k, ~1%) pulled straight from the brief's numbers, plus one closing line of copy 🎫 Who's In (Roles) — three "backstage pass" style cards for Fan (guest → registered → confirmed), Artist (approved, Stripe-connected — marked as the core role), and Local Business (approved, Stripe-connected). Each tilts in 3D toward the cursor 🕒 Before / During / After — the real event lifecycle from the brief, shown as a genuine numbered sequence (this is the one place numbering is justified, since order actually matters here) 🌟 Real People, Real Rooms — a horizontally scrollable roster of fictional artist cards (unique gradient avatars, genre, city) — social proof without using anyone's real photo or name 📱 The App — a tilting phone mockup showing what a confirmed fan actually sees: artist card, live "audio bars," setlist voting, check-in button 🖋️ Footer — simple sign-off 🛠️ What's Actually Used (Tech Stack) HTML5 — semantic structure, no frameworks CSS3 — custom properties (CSS variables) for the whole color system, Flexbox layout, clamp() for fluid type scaling, CSS mask-image for the fading carousel edges, keyframe animations Vanilla JavaScript — no libraries, no build step: <canvas> + requestAnimationFrame for the waveform animation IntersectionObserver for scroll-triggered stat counters and section reveals Mouse-position math for the 3D tilt effect on cards and the phone Inline SVG — the hero performer silhouette and light rays, hand-built, no external image files Google Fonts — Fraunces, Inter, IBM Plex Mono No dependencies, no npm install, no server required — it's three files (index.html, style.css, script.js) that run with a static file server like VS Code's Live Server. ✨ Motion & Interaction Details 🌊 Hero waveform: chaos → order animation on load, then idles with a gentle breathing motion 🔢 Stats count up from 0 the moment they scroll into view 🃏 Role cards & artist cards tilt in 3D toward the cursor, and lift slightly on hover 📲 Phone mockup tilts in full 3D based on cursor position — sells the "real device" feeling 🎇 Background light rays rotate slowly and continuously — ambient, not distracting 🪄 Sections fade/slide in as you scroll, instead of appearing all at once You can check out my project live here: https://encore-demo-saifullah.netlify.app (https://encore-demo-saifullah.netlify.app/) It is mobile and web-based.
0
90
Cover image for Savora — Food Delivery Landing
Savora — Food Delivery Landing Page Designed and developed "Savora," a modern food-delivery landing page concept, built with HTML, CSS, and JavaScript, using GSAP for scroll-triggered and interactive animations. Key features: Animated hero section — a 3D-style orbiting animation where signature dishes (pasta, soup, salad, dessert) circle a central hero plate, complete with layered steam/smoke effects and floating particles for a premium, cinematic feel Scroll-triggered reveal animations throughout the page using GSAP, giving each section a smooth fade/slide-in effect as the user scrolls Interactive Sign In / Sign Up modal with tabbed switching between forms, styled input fields (name, email, password with show/hide toggle, address, phone), a consent checkbox, and smooth open/close transitions Horizontal Menu Grid carousel — food item cards with images, titles, descriptions, and cart icons, complete with hover states and pagination dots Promotional "Stats & Download" section with a call-to-action button, styled to match the overall dark/gold brand palette Fully responsive layout with a cohesive dark-brown and gold color scheme designed to feel premium and appetite-appealing Got a project in mind? Let's build it — message me anytime.
0
122
Cover image for 🚨 Big reveal on the
🚨 Big reveal on the skyline! 🚨 I build custom, animated, and fully responsive portfolio websites — no templates, no shortcuts, 100% built from scratch. ✅ Custom design tailored to you ✅ Fully responsive (Mobile / Tablet / PC) ✅ Modern UI/UX with smooth animations Ready to unveil your own standout portfolio? Let's work together 👇 https://fiverr.com/createdbysaif
0
69
JavaScript(3)
Muhammad Dilshad Khaliq's avatar
Muhammad Dilshad Khaliq
Islamabad, Pakistan
Webflow Expertise: Figma to Custom Code Solutions
WEBFLOW_EXPERT

Certified Partner

Webflow Expertise: Figma to Custom Code Solutions
Cover image for Figma to Webflow [Getspot]
Figma to Webflow [Getspot]
0
30
Cover image for Stair Builder and Price Calculator Webflow
Stair Builder and Price Calculator Webflow
0
30
Cover image for JoinDaisy Landing Pages and Website Maintenance
JoinDaisy Landing Pages and Website Maintenance
0
30
Placeholder project card media
View more →
JavaScript(3)