Khalil Ahmed

Available for new projects

Khalil Ahmed

I Build Web3 Dashboards & DeFi Interfaces for Crypto Startups. Next.js · TypeScript · Wagmi · Tailwind CSS, From wallet analytics to token portals, I deliver production-ready frontend that's fast, clean, and scalable.

Khalil Ahmed

5+

YEARS OF EXPERIENCE

$10K+

EARNED ON UPWORK

100%

JOB SUCCESS SCORE

Featured Projects

Selected React and Next.js projects for startups and product teams— from dashboards and web apps to production-ready interfaces built with TypeScript and modern frontend tooling.

Production-ready Web3 dashboard project screenshot

Production-ready Web3 dashboard

A production-ready Web3 dashboard starter built with Next.js, Wagmi, and RainbowKit — wallet connection, on-chain data fetching, and a clean dashboard UI ready to fork and extend for any DeFi project.

DeFi Yield Aggregator Dashboard project screenshot

DeFi Yield Aggregator Dashboard

A modern DeFi analytics dashboard that aggregates yield data across protocols and chains with clear APY comparisons — helping users find the best opportunities without checking 10+ platforms manually.

Real-Time Crypto Price Dashboard project screenshot

Real-Time Crypto Price Dashboard

A production-ready crypto analytics dashboard with live price updates, smooth chart rendering, and a premium UI. Built for speed — no layout jank, no loading delays, real data from CoinGecko API.

Web3 Whale Tracker Dashboard project screenshot

Web3 Whale Tracker Dashboard

A multi-chain whale tracker that monitors large wallet activity and surfaces major inflows/outflows in near real-time. Built with Moralis for on-chain data and Recharts for clean, filterable data visualization.

AI Web3 Wallet Assistant project screenshot

AI Web3 Wallet Assistant

An AI-powered analytics tool that lets users paste any wallet address and ask questions in plain English. Pulls on-chain transaction data, runs it through an AI model, and returns clear summaries of wallet behavior, risk signals, and activity patterns — making Etherscan accessible to non-technical users.

Web3 Wallet Transaction Analyzer project screenshot

Web3 Wallet Transaction Analyzer

Multi-chain Web3 wallet transaction analyzer with real-time insights, inflow/outflow tracking, and wallet behavior analysis built with Next.js, TypeScript, and Moralis.

Truck Fleet Management System Admin Panel project screenshot

Truck Fleet Management System Admin Panel

Next js, Tailwind css, fully responsive

Piqla Admin Panel project screenshot

Piqla Admin Panel

Admin dashboard for ride-hailing management

Piqla ride-hailing app website project screenshot

Piqla ride-hailing app website

Next js, Tailwind css, fully responsive

Constelle website project screenshot

Constelle website

Next js, Tailwind css, fully responsive

Orthodontics - Transform Your Smile project screenshot

Orthodontics - Transform Your Smile

Next js, Tailwind css, Shadcn, Gsap, fully responsive

iPhone 3D animations project screenshot

iPhone 3D animations

3D animation with Gsap, Webgi, React.js

Events & Ticket Selling website project screenshot

Events & Ticket Selling website

Next js & Node js

Occsaviors V-2 project screenshot

Occsaviors V-2

Fully responsive

Occsaviors V-1 project screenshot

Occsaviors V-1

Fully responsive

Novi Website project screenshot

Novi Website

fully responsive

Electrician Website project screenshot

Electrician Website

fully responsive

Pickoo Admin Panel project screenshot

Pickoo Admin Panel

Desktop only

Open Source

GitHub Repos

Public tools and starters I've built and open-sourced for the Web3 developer community.

Nextjs Web3 Dashboard Starter

Production-ready Web3 dashboard starter built with Next.js, Wagmi, RainbowKit, The Graph, and Tailwind for building DeFi analytics platforms.

TypeScript50 forks

Ai Web3 Wallet Assistant

AI Web3 Wallet Assistant is an intelligent analytics tool that helps users understand any crypto wallet using natural language. Instead of manually analyzing transactions on tools like Etherscan, this assistant provides clear insights, behavior analysis, and risk evaluation powered by AI.

TypeScript00 forks

Defi Yield Aggregator Dashboard

A modern DeFi analytics dashboard that aggregates and compares yield opportunities across protocols and chains, helping users find the best APY with clear, actionable insights.

TypeScript20 forks

Web3 Whale Tracker Dashboard

A Web3 Whale Tracker Dashboard that monitors large wallet activity and surfaces major on-chain transactions. Built with Next.js, TypeScript, and blockchain APIs for near real-time insights using a polling approach. Focuses on clean data visualization, multi-chain filtering, and highlighting significant inflows/outflows.

TypeScript20 forks

Real Time Crypto Price Dashboard

A modern, production-ready real-time crypto analytics dashboard built with Next.js, TypeScript, and Web3 data sources. This project focuses on delivering a fast, clean, and responsive UI for tracking live cryptocurrency prices with smooth chart updates and a premium dashboard experience.

TypeScript10 forks

Wallet Transaction Analyzer

Multi-chain Web3 wallet transaction analyzer with real-time insights, inflow/outflow tracking, and wallet behavior analysis built with Next.js, TypeScript, and Moralis.

TypeScript10 forks

Technologies

Tools and frameworks I use daily to build maintainable, performant web applications—including React, Next.js, TypeScript, Tailwind CSS, and modern deployment workflows.

React.js logo

React.js

development

Next.js logo

Next.js

development

NodeJs logo

NodeJs

development

Express Js logo

Express Js

development

Mongo DB logo

Mongo DB

development

Postgres logo

Postgres

development

NestJs logo

NestJs

development

Redux logo

Redux

development

TypeScript logo

TypeScript

development

ES6 (Javascript) logo

ES6 (Javascript)

development

Vercel logo

Vercel

development

Strapi logo

Strapi

development

Supabase logo

Supabase

development

web3.js logo

web3.js

development

RainbowKit logo

RainbowKit

development

FireBase logo

FireBase

development

Figma logo

Figma

development

Github logo

Github

development

GSAP logo

GSAP

development

HTML logo

HTML

development

CSS logo

CSS

development

Tailwind css logo

Tailwind css

development

Git logo

Git

development

GraphQl logo

GraphQl

development

Material UI logo

Material UI

development

Ant Design logo

Ant Design

development

Specialization

Web3 & DeFi Expertise

I don't just know the tools — I understand the unique challenges of building for blockchain users.

Wallet Integration

WagmiRainbowKitWalletConnectMetaMask

Setting up wallet connections sounds simple — until you handle edge cases. I build multi-wallet support with proper connection state management, network switching prompts, session persistence, and mobile deep-link support.

  • Multi-wallet support (MetaMask, Coinbase, Rainbow, WalletConnect)
  • Network detection + one-click switching prompts
  • Mobile wallet deep-link handling
  • Session persistence across page refreshes

On-Chain Data

MoralisThe GraphAlchemyInfura

Fetching on-chain data cleanly is one of the hardest parts of DeFi frontend. I use the right tool for each case — The Graph for indexed protocol data, Moralis for wallet analytics, and direct RPC calls for real-time contract reads.

  • The Graph subgraph queries for protocol analytics
  • Moralis for multi-chain wallet & transaction data
  • Polling vs WebSocket strategy per use case
  • React Query integration for caching + refetch

DeFi UX Patterns

UXPerformanceMobileAccessibility

DeFi users are experienced and impatient. I build interfaces with the patterns they expect: transaction flows, gas estimation, slippage warnings, skeleton loading, and dashboards that work without a wallet connection.

  • Transaction confirmation + pending state UI
  • Gas estimation and slippage warning displays
  • Skeleton loading — never block render on wallet state
  • Public data browsable without wallet connection

My Services

Frontend-focused development with React and Next.js—plus full-stack support when your product needs APIs, integrations, or scalable architecture.

Next.js Full Stack Development

End-to-end web apps built with Next.js, from API routes to modern UI fast, scalable, and production ready.

Next.jsReactTypeScriptTailwind

Backend Development

Secure, performant APIs and services with Node.js, Express, and modern databases for real-time and scalable apps.

Node.jsExpressRESTGraphQL

Frontend Development

Pixel-perfect, responsive interfaces that match designs exactly and provide smooth user experiences.

ReactTailwindUI/UXAnimations

MERN Stack

Full-stack applications using MongoDB, Express, React, and Node.js with clean architecture and maintainable code.

MongoDBExpressReactNode.js

Blockchain Integration

Smart contract integration, wallet connections, and blockchain-powered apps using Web3 technologies.

Web3.jsEthers.jsSolidityWalletConnect

Zapier Automation

Automating workflows with Zapier to connect apps, reduce manual tasks, and streamline business operations.

ZapierAPIsAutomationNo-Code

Chrome Extension Development

Custom Chrome extensions tailored to your business needs, enhancing productivity and integrating seamlessly with web apps.

Chrome APIJavaScriptManifest V3

My Process

How I Work

A clear, structured process so you always know what's happening and what comes next.

01

Discovery Call

We start with a free 30-minute call to understand your project, goals, timeline, and budget. No commitments — just a clear scoping conversation so we're aligned before anything starts.

02

Proposal & Scope

Within 24 hours I send a written proposal covering the full scope, deliverables, timeline, and fixed price. No surprises, no moving goalposts.

03

Build & Review

I build in focused sprints with a staging link shared early. You review real progress and give feedback, not just a final reveal at the end.

04

Launch & Handoff

I handle the full Vercel deployment, custom domain, DNS, and SSL. You get a clean handoff with documentation and everything your next developer needs.

Work With Me

Packages & Availability

Available for new projects — Starting from June 2026

Starter

Landing Page

From $300

3–5 days

Best for: Startups needing a fast, polished marketing site

  • Up to 5 sections (Hero, Features, Pricing, Testimonials, CTA)
  • Mobile responsive + SEO ready
  • Next.js + Tailwind CSS
  • Vercel deployment + domain setup
  • 2 rounds of revisions
Start a Project
Most Popular

Most Popular

Web3 Dashboard

From $800

1–2 weeks

Best for: DeFi protocols and crypto startups

  • Wallet connection (Wagmi + RainbowKit)
  • On-chain data integration (Moralis / The Graph)
  • Charts, tables, and analytics components
  • Mobile responsive
  • Vercel deployment
  • 3 rounds of revisions
Start a Project

Full Build

Full Product Frontend

From $1,500

2–4 weeks

Best for: Complete builds from Figma to production

  • Complete UI from Figma designs
  • Full Next.js App Router architecture
  • API integrations + backend connections
  • Authentication + user flows
  • Vercel deployment + full setup
  • Unlimited revisions within scope
Discuss Project

Not sure which fits? Book a Free Call and we'll figure it out.

Client Testimonials

Explore the Spectrum of Client Experiences, Where Every Testimonial Speaks to the Value, Expertise, and Commitment Delivered.

Khalil swiftly addressed complex functionalities that challenged our in-house team. His maintainable and reusable code solutions enhanced our team's independence and capability. We plan to further our capacity building through additional contracts with him.

This is my second time working with Khalil, and he has once again delivered exceptional work. He is professional, communicative, and always meets deadlines with high-quality results. I highly recommend him and look forward to working together again!

Great job fixing the API issues — it significantly improved performance and reliability. Khalil's attention to detail and quick resolution of bugs ensure a seamless experience for our users.

FAQ

Frequently Asked Questions

Everything clients usually ask before starting a project.

Both — it depends on what works best for your project. For well-defined projects (a landing page, a dashboard with clear scope), I prefer fixed price so you know exactly what you're paying upfront. For ongoing work or projects with evolving requirements, hourly at $40–65/hr makes more sense. We'll agree on the structure before anything starts.

Landing pages and marketing sites: 3–5 business days. Web3 dashboards and DeFi tools: 1–2 weeks. Full product frontends from Figma designs: 2–4 weeks. These are typical timelines for focused, well-scoped projects. Rush delivery is possible for an additional fee.

For most projects I need the Figma design file (or a description if there's no design yet), access to any APIs or backend services, the copy/content for the site, and brand assets (logos, colors, fonts). I'll send a short checklist after our first call.

Yes. Starter packages include 2 rounds of revisions. Web3 Dashboard packages include 3 rounds. Full product builds include revisions within the agreed scope. A revision round means a consolidated list of changes, not drip-fed individual requests.

I'm based in Islamabad, Pakistan (UTC+5). I regularly work with clients in the US, UK, Europe, and the Gulf. For async work, timezone rarely matters. For calls, I accommodate early morning or evening slots that overlap with US and European business hours.

Yes, always. Every project includes Vercel deployment, custom domain connection, DNS configuration, SSL verification, and environment variable setup. Your site will be fully live and production-ready.

Yes, 100%. All code is yours. I push everything to a GitHub repository in your account. No lock-in, no licensing fees, no strings.

Yes. Monthly retainer arrangements start at $300/month for up to 5 hours of maintenance, updates, or feature additions. We can discuss what makes sense for your project.

Still have questions?

Not finding your answer? Let's talk directly.

Book a Free Call

Writing

Articles & Insights

Practical guides on Web3 frontend development, Next.js, and building for DeFi.

Let's Build Something in Web3

Have a DeFi dashboard, crypto tool, or Web3 product to build? Send a message below or reach out directly.

Address Point

Islamabad

Mail Me

panhwarkhalilahmed@gmail.com