Available for new projects

Khalil AhmedFrontend & Web3 Developer

I'm a frontend developer who builds Web3 dashboards, DeFi interfaces, and analytics dashboards with Next.js, TypeScript, React.js, and Tailwind CSS. I help crypto startups and product teams ship fast, accessible, and production-ready web applications.

Khalil Ahmed — Frontend and Web3 developer

About Khalil Ahmed

I'm a frontend developer specializing in Next.js, TypeScript, React.js, and Tailwind CSS. I build Web3 dashboards, DeFi interfaces, and analytics dashboards for crypto startups and product teams. Learn more about my background.

5+

YEARS OF EXPERIENCE

$10K+

EARNED ON UPWORK

100%

JOB SUCCESS SCORE

Featured Projects

Selected Next.js, React.js, and TypeScript projects — Web3 dashboards, DeFi interfaces, analytics dashboards, and production-ready web applications for startups and product teams. View all projects.

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.

View wallet assistant case study

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

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.js, Next.js, TypeScript, Tailwind CSS, and modern deployment workflows.

Frontend

React.js logo

React.js

Frontend

Next.js logo

Next.js

Frontend

Redux logo

Redux

Frontend

TypeScript logo

TypeScript

Frontend

ES6 (Javascript) logo

ES6 (Javascript)

Frontend

GSAP logo

GSAP

Frontend

HTML logo

HTML

Frontend

CSS logo

CSS

Frontend

Tailwind CSS logo

Tailwind CSS

Frontend

Material UI logo

Material UI

Frontend

Ant Design logo

Ant Design

Frontend

Backend

Node.js logo

Node.js

Backend

Express Js logo

Express Js

Backend

MongoDB logo

MongoDB

Backend

PostgreSQL logo

PostgreSQL

Backend

NestJs logo

NestJs

Backend

Web3

web3.js logo

web3.js

Web3

RainbowKit logo

RainbowKit

Web3

GraphQL logo

GraphQL

Web3

Tools & Platforms

Vercel logo

Vercel

Tools & Platforms

Strapi logo

Strapi

Tools & Platforms

Supabase logo

Supabase

Tools & Platforms

Firebase logo

Firebase

Tools & Platforms

Figma logo

Figma

Tools & Platforms

GitHub logo

GitHub

Tools & Platforms

Git logo

Git

Tools & Platforms

Specialization

Web3 & DeFi Expertise

I focus on the product challenges that matter for blockchain teams: wallet flows, on-chain data, and dashboards users can trust.

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

Core Services

Frontend and Web3 development for dashboards, DeFi interfaces, and analytics products — built with Next.js, TypeScript, and Tailwind CSS.

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

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

Verified Upwork reviews from clients on Next.js, Web3, and frontend projects — focused on communication, code quality, and delivery.

Khalil did an outstanding job integrating blockchain and multichain support into our Next.js frontend. His code was clean, efficient, and delivered on time. Highly skilled, proactive, and a pleasure to work with him.

Frontend Developer (Next.js) – Blockchain & Multichain Integration

Web3 / Blockchain
Verified on Upwork
Khalil did a fantastic job setting up i18n routing, localized SEO, and dynamic metadata for our Next.js project. Everything works perfectly, language switching is smooth, all the SEO tags update correctly, and they even optimized performance for different regions. Great communication, delivered on time, and the code is clean. Would definitely work with them again!

Next.js SEO & Internationalization (i18n)

Next.js / SEO
Verified on Upwork
It was a pleasure working with Khalil! He's super responsive, easy to communicate with, and really knows his frontend development. The final product was spot-on. I'm looking forward to future collaborations.

Frontend Developer – React, Next.js & Tailwind CSS

Frontend Development
Verified on Upwork

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, DeFi interfaces, and analytics dashboards.

Ready to build your next frontend?

I build responsive, production-ready interfaces for Web3 dashboards, DeFi products, analytics platforms, and modern web apps.

Get in touch

Let's Build Something in Web3

Have a DeFi dashboard, Web3 product, or frontend project in mind? Send a message below or reach out directly.

Location

Islamabad