React 19, Next.js 14, TypeScript

React JS / Next JS Developer

Frontend developer with 3+ years of production experience shipping Next.js apps, real-time dashboards, SaaS products, and integration-heavy user flows with React and TypeScript.

Portrait of Muhammed Asraf

Profile

I turn complex product ideas into fast, polished interfaces teams can trust.

React JS / Next JS Frontend Developer with 3+ years of experience building real-world production web applications. Specialized in Next.js SSR, SSG, ISR, React, TypeScript, headless CMS integration, data visualization, and interactive dashboard development. Experienced in WebSocket-driven real-time UIs, crypto trade chart visualization, AI/ML API integration, and Web3/ethers.js frontend integration.

React 19Next.js 14TypeScript

Work experience

Proof I can ship serious frontend work in fast-moving product teams.

Storygame logo

React JS / Next JS Frontend Developer

Storygame - Trivandrum, Kerala, India

August 2025 - Present
  • Exo Exchange: Built a full-featured crypto trading platform covering Spot, Futures, Margin, Copy Trading, and Bots with React 19, Vite 7, Zustand, and TanStack Query.
  • Integrated TradingView Charting Library, live WebSocket price feeds, order books, portfolio P&L, Recharts analytics, advanced orders, 2FA, passkeys, and KYC flows.
  • Raze Vault: Developed a multi-chain RWA tokenization platform spanning Ethereum, Avalanche, XDC, and Redbelly with Circle CCTP cross-chain bridging.
  • Engineered Dynamic Labs wallet auth, JWT and Axios interceptor flows, role-based routing for 7 user roles, and Plaid bank verification for US investor KYC.
  • ExDex: Built a DEX with AI trading signal APIs, ML-generated buy/sell predictions, NFT marketplace support, Three.js UI, GSAP animations, and i18n across 11 languages.
Spectron logo

Frontend Developer

Spectron - Dubai, United Arab Emirates (Remote)

March 2024 - July 2025
  • khyaty.com: Built the complete tailor-side UI using Next.js, including booking flows, measurement management, and order tracking interfaces.
  • santobatailors.ae: Delivered responsive, SEO-optimized, CMS-enabled pages using Next.js.
Litmus Branding logo

Frontend Developer

Litmus Branding - Remote

June 2022 - February 2024
  • Built CMS-enabled client websites with responsive, SEO-optimized frontends integrated with headless CMS platforms.

Technical skills

The practical stack I use to build reliable, modern web products.

TypeScript logoJavaScript logoGo logoHTML5 logoCSS3 logo

Languages

TypeScriptJavaScriptGoHTML5CSS3
React logoVite logoTailwind CSS logoRedux logoTanStack logoFramer Motion logoGSAP logoi18next logo

Frontend

React 19Next.js 14ViteTailwind CSSRedux ToolkitZustandTanStack QueryFramer MotionGSAPi18next
React logo

Next.js

App RouterSSRSSGISRAPI RoutesMiddlewareDynamic RoutingSEO OptimizationHeadless CMS Integration
Chart.js logoTradingView logoReact logo

Data Visualization

RechartsChart.jsD3.jsTradingView Charting LibraryReal-time DashboardsWebSocket Data Feeds
Supabase logoReact logo

SaaS & CMS

SaaS Product DevelopmentHeadless CMS PlatformsCashfreePlaidSupabaseMulti-tenant Architecture
Node.js logoNestJS logoSupabase logo

Backend

Node.jsNestJSExpress.jsREST APIsWebSocketSupabase Edge Functions
Claude logo

AI & Tools

AI/ML API IntegrationClaude CodeAntigravityCopilot
JWT logo

Auth & Security

JWTOAuth22FAPasskeysHMAC-SHA256 Webhook VerificationRole-based Routing
GitHub Actions logoDocker logoNginx logoDigitalOcean logoLinux logoWebAssembly logo

DevOps & Tools

GitHub ActionsAWS S3CloudFrontDockerNginxDigitalOceanVercelLinuxWebAssembly
MongoDB logoPostgreSQL logoSupabase logoSQLite logo

Databases

MongoDBPostgreSQLSupabaseSQLiteIndexedDB

Personal projects

Products I built beyond job descriptions, from SaaS to desktop tools.

PeerHop logo

PeerHop

Visit
  • Peer-to-peer LAN file transfer tool reaching 65 MB/s and shipped to Microsoft Store, NPM, and GitHub Releases.
  • Built a Go HTTP streaming engine with WebSocket progress, QR-code pairing, auto-zip, and Wails v2 desktop packaging.
GoReactTypeScriptWails v2WebSocket
Zawajee logo

Zawajee.life

Visit
  • SaaS platform for premium digital wedding invitations with animated themes, RSVP flows, and guest management.
  • Integrated Cashfree payment gateway through Supabase Edge Functions with HMAC-SHA256 webhook verification.
Next.jsSupabaseCashfreeVercelFramer MotionTailwind CSS
create-fetch-hooks logoNPM logo

create-fetch-hooks

Visit
  • NPM package that generates React API hooks and HTTP methods for GET, POST, PUT, and DELETE with unified errors, headers, response tracking, and token refresh.
TypeScriptReactNPM
NPM logo

quickwire

Visit
  • NPM package that auto-generates Next.js API routes and TypeScript client functions from backend functions for end-to-end type safety.
TypeScriptNext.jsNPM
OSrunner logo

OSrunner

Visit
  • Browser-based x86 VM that boots Linux, KolibriOS, and Windows client-side through v86 WASM.
  • Persists full binary snapshots in IndexedDB for stateful resume with real-time system monitoring.
React 19Vite 8Tailwind CSS v4WebAssemblyv86IndexedDB
NPM logo

WapClip

  • Native Go clipboard daemon tunneling phone-to-PC clipboard data through WhatsApp WebSocket.
  • Runs as a single binary with system tray UI, 15-30 MB RAM usage, and 0% CPU while idle.
GowhatsmeowSQLitesystray
Sibaq logo

Sibaq 2023

Visit
  • Delivered a Next.js SSR and NestJS Resource Management System with dynamic dashboards, RBAC, SEO optimization, and DigitalOcean/Nginx deployment.
Next.js 13NestJSPostgreSQLDigitalOceanNginx

Education

I self learned the technical skills

Master of Arts - Arabic Language & Literature

University of Calicut

2023

Master's Degree - Islamic Studies

Darul Huda Islamic University

2021 - 2024

Bachelor's Degree - Sociology

University of Calicut

2019 - 2021

Certifications

Certifications

Responsive Web Design - freeCodeCamp

JavaScript Algorithms and Data Structures - freeCodeCamp

Contact

Ready to discuss how I can help your frontend team ship faster.