0%
FULL STACK DEVELOPER · UI DESIGNER · INDIA 🇮🇳

YUSUF KHAN.

I build fast, responsive & visually sharp products — modern websites, Android apps, desktop software and AI tools — taking every idea from first pixel to deployment.

VIEW PROJECTS ↓ LET'S TALK ↗
SCROLL TO EXPLORE
15+ PROJECTS · WEB · ANDROID · DESKTOP · AI TOOLS
01

About Me

// whoami

I design & build products that live everywhere — fast websites, Android apps, desktop software & AI tools — with clean code.

I'm Yusuf — a full stack developer & UI designer from India. I take products from idea to interface to deployment, shipping experiences that are fast, responsive and visually attractive.

From furniture stores to inventory systems, anonymous chat to live location maps — I love solving real business problems with modern technology and a designer's eye for detail.

yusuf.config.json
{
  "name": "Yusuf Khan",
  "role": "Full Stack Developer · UI Designer",
  "base": "India 🇮🇳",
  "ships": ["web", "android", "desktop", "ai-tools"],
  "core": ["React", "Next.js", "Electron", "Firebase"],
  "designEye": true,
  "cleanCode": "always",
  "hireable": true
}
02

Tech Arsenal

// stack --list

The stack I reach for daily — battle-tested across e-commerce, real-time apps, desktop suites and AI interfaces. Hover the orbit, it pauses for inspection.

LANGUAGES

JavaScriptTypeScript · basicPythonJavaHTML5CSS3SQL · basic

FRAMEWORKS & LIBS

React.jsNext.jsReact Native · ExpoElectron.jsTailwind CSSFramer MotionMaterial UIViteNode.jsExpress.js

DATABASES

Firebase FirestoreRealtime DBSQLiteBetter-SQLite3

TOOLS & PLATFORMS

Git & GitHubVS CodeAndroid StudioTermuxFFmpegyt-dlpGoogle Maps APIOpenStreetMapLeaflet.jsRazorpayVercelNetlifyCanva
03

Selected Work

// git log --oneline
01/08  —  SCROLL ↓ DRIVES →
01WEB · E-COMMERCE
🛋️

SofaWala

Modern furniture e-commerce experience with a custom sofa showcase, fully responsive UI and one-tap WhatsApp ordering.

  • React
  • Tailwind
  • WhatsApp API
VIEW CASE→
02DESKTOP
📦

Pioneer Inventory

Desktop inventory management suite built on Electron + React — product management with local-first database support.

  • Electron
  • React
  • SQLite
VIEW CASE→
03REALTIME
👻

GhostChat

Anonymous chat where identities stay hidden — Firebase authentication, real-time messaging, zero traces.

  • Firebase Auth
  • Realtime DB
  • React
VIEW CASE→
04MAPS · REALTIME
📍

FindMate / SyncMap

Live location sharing with a room-code system — track your crew in real time on Google Maps & OpenStreetMap.

  • Leaflet
  • Maps API
  • Firestore
VIEW CASE→
05AI · 3D
🤖

Jarvis AI Interface

Futuristic AI dashboard with Three.js animations and a voice-assistant UI straight out of science fiction.

  • Three.js
  • JavaScript
  • Voice UI
VIEW CASE→
06WEB · CONTENT
✍️

Tech Blog

Next.js powered blog engine — SEO optimized, dynamic posts, blazing-fast edge rendering.

  • Next.js
  • SEO
  • Dynamic Routes
VIEW CASE→
07E-COMMERCE
🛍️

Unseenn.shop

Fashion e-commerce storefront with a modern responsive design and curated product collections.

  • React
  • Responsive
  • Collections
VIEW CASE→
08META
⚡

This Portfolio

The site you're on — 3D animations, scroll-driven storytelling and smooth transitions, built from scratch.

  • Three.js
  • GSAP
  • Lenis
YOU'RE HERE★

15+ more builds
on GitHub ↗

WEB APPS · ANDROID · DESKTOP · AI & AUTOMATION
0Personal projects shipped
00Flagship builds featured
00Domains — web · app · desktop · AI · maps
0Technologies in the toolbox
04

Core Skills

// skills.map()

What I bring
to the table.

Not just code — the full pipeline. Design sense, API wiring, realtime data, packaging for any platform, and the deployment to finish it off.

T-SHAPED → deep in frontend & React ecosystems, solid across backend, databases and native platforms.
  • 01Responsive Web DesignUI→
  • 02UI/UX DesignUI→
  • 03REST API IntegrationAPI→
  • 04Firebase IntegrationDATA→
  • 05Authentication SystemsDATA→
  • 06Real-time ApplicationsDATA→
  • 07Maps IntegrationAPI→
  • 08Desktop App DevelopmentAPP→
  • 09Android App DevelopmentAPP→
  • 10AI Interface DesignAI→
  • 11Performance OptimizationCORE→
  • 12Vercel & Netlify DeploymentOPS→
05

Always Learning

// npm install future

The stack never stands still. Right now I'm leveling up on the deeper layers — architecture, cloud and AI — so every next build is stronger than the last.

  • Advanced Next.jsIN PROGRESS
  • AI IntegrationIN PROGRESS
  • Backend ArchitectureIN PROGRESS
  • Cloud DeploymentIN PROGRESS
  • Advanced React NativeIN PROGRESS
yusuf@dev: ~/learning