React 19, Next.js 14, React Native, TypeScript

React JS / React Native (Expo) 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 / React Native (Expo) Developer with 3+ years of experience building production web and mobile applications. Specialised in Next.js (SSR, SSG, ISR), React Native (Expo), TypeScript, AI/LLM API integration (ChatGPT, Groq), data visualisation, and real-time WebSocket UIs. Experienced in Web3/ethers.js frontends, cross-platform mobile development, and published open-source NPM packages. Delivered SaaS platforms, crypto trading dashboards, mobile apps, and CMS-enabled marketing sites.

React 19Next.js 14React NativeTypeScript

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: full-featured crypto trading platform (Spot, Futures, Margin, Copy Trading, Bots) using React 19, Vite 7, Zustand, and TanStack Query; deployed via GitHub Actions to AWS S3 + CloudFront.
  • Integrated TradingView Charting Library with live WebSocket price feeds, interactive real-time dashboard (order book, portfolio P&L, analytics charts using Recharts), advanced order types (Limit, Market, Trailing Stop, TP/SL), and 2FA/passkey/KYC security flows.
  • Raze Vault: multi-chain RWA tokenization platform with 6 vaults across Ethereum, Avalanche, XDC, and Redbelly; implemented Circle CCTP cross-chain bridging.
  • Engineered wallet auth via Dynamic Labs SDK with JWT + Axios interceptor flows, role-based routing for 7 user roles, and Plaid bank verification for US investor KYC compliance.
  • ExDex: DEX with integrated AI trading signal API surfacing ML-generated buy/sell predictions, NFT marketplace (BSC + TRON), Three.js 3D UI, GSAP animations, and i18n across 11 languages.
Spectron logo

Frontend Developer

Spectron - Dubai, UAE (Remote)

March 2024 - July 2025
  • khyaty.com: built the complete tailor-side UI for this online tailoring service platform using Next.js; implemented booking flows, measurement management, and order tracking interfaces.
  • santobatailors.ae: built CMS-enabled pages using Next.js; delivered responsive, SEO-optimised frontend.
Litmus Branding logo

Frontend Developer

Litmus Branding - Remote

June 2022 - February 2024
  • Built CMS-enabled websites for clients; delivered responsive, SEO-optimised 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 14 (App Router, SSR/SSG/ISR)React Native (Expo)ViteTailwind CSSRedux ToolkitZustandTanStack QueryFramer MotionGSAPi18next
React logo

Mobile

React Native (Expo)Expo RouterEAS BuildAsyncStorageExpo NotificationsReact Navigation
Claude logo

AI & LLM

ChatGPT API (OpenAI)Groq SDK (Llama models)streaming responsessystem prompt engineeringAI-assisted development (Claude Code, Copilot)
Chart.js logoTradingView logoReact logo

Data Visualisation

RechartsChart.jsD3.jsTradingView Charting Libraryreal-time dashboardsWebSocket data feeds
Supabase logoReact logo

SaaS & CMS

SaaS product developmentheadless CMSpayment gateway integration (Cashfree, Plaid)Supabasemulti-tenant architecture
Node.js logoNestJS logoSupabase logo

Backend

Node.jsNestJSExpress.jsREST APIsWebSocketSupabase Edge Functions (Deno)
JWT logo

Auth & Security

JWTOAuth22FAPasskeysHMAC-SHA256 webhook verificationrole-based routing
GitHub Actions logoDocker logoNginx logoDigitalOcean logoLinux logoWebAssembly logo

DevOps & Tools

GitHub ActionsAWS S3/CloudFrontDockerNginxDigitalOceanVercelLinuxWebAssembly
MongoDB logoPostgreSQL logoSupabase logoSQLite logo

Databases

MongoDBPostgreSQLSupabaseSQLiteIndexedDB

Personal projects

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

M

Moni

  • Personal finance tracker Android app built with React Native (Expo); tracks income, expenses, and savings goals with category-wise breakdowns and monthly analytics.
  • Offline-first with AsyncStorage sync; features Expo Notifications for budget alerts, dark mode, and a clean minimal UI with Recharts-style visualisation via Victory Native.
React Native (Expo)Expo RouterSupabaseTypeScriptZustandTailwind CSS
A

AI Chatbot

  • Portfolio AI assistant powered by Groq (Llama 3) and OpenAI (GPT-4o) with streaming responses; trained on a first-person resume-aware system prompt to answer recruiter questions in real time.
  • Built with Next.js App Router API routes, token-streamed UI updates, and a switchable provider architecture for fallback between Groq and ChatGPT APIs.
Next.jsGroq SDKChatGPT APITypeScriptTailwind CSSVercel AI SDK
Zawajee logo

Zawajee.life

Visit
  • SaaS platform for premium digital wedding invitations with multiple animated themes, RSVP flows, and guest management.
  • Integrated Cashfree payment gateway via Supabase Edge Functions with HMAC-SHA256 webhook verification; deployed on Vercel with Next.js App Router.
Next.jsSupabaseCashfreeVercelFramer MotionTailwind CSS
PeerHop logo

PeerHop

Visit
  • Peer-to-peer LAN file transfer tool achieving 65 MB/s; shipped to Microsoft Store, NPM, and GitHub Releases — adopted across 20+ countries.
  • Go HTTP streaming engine with WebSocket progress, QR-code device pairing, auto-zip, and Wails v2 native desktop packaging.
GoReactTypeScriptWails v2WebSocket
create-fetch-hooks logoNPM logo

create-fetch-hooks

Visit
  • NPM package — custom API hook factory generating React hooks and HTTP methods (GET/POST/PUT/DELETE) with unified error handling, headers support, 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 — eliminates boilerplate and ensures end-to-end type safety.
TypeScriptNext.jsNPM
OSrunner logo

OSrunner

Visit
  • Browser-based x86 VM booting Linux, KolibriOS, and Windows client-side via 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 tunnelling phone-to-PC clipboard via WhatsApp WebSocket; 15–30 MB RAM, 0% CPU idle, single binary with system tray UI.
GowhatsmeowSQLitesystray
Sibaq logo

Sibaq 2023

Visit
  • Delivered a Next.js 13 (SSR) + NestJS Resource Management System with dynamic dashboards, RBAC, and SEO optimisation; deployed on DigitalOcean + Nginx.
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.