Skip to content
View muhammadshiraz's full-sized avatar
🎯
Focusing
🎯
Focusing

Block or report muhammadshiraz

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
muhammadshiraz/README.md

Muhammad Shiraz – Senior Frontend Engineer (React, Next.js, TypeScript, AI)

Muhammad Shiraz

πŸš€ Senior Frontend Engineer | React.js β€’ Next.js β€’ TypeScript β€’ React Native β€’ AI & Web3

Hello! I’m Muhammad Shiraz, a Dubai-based Senior Frontend Engineer with 11+ years of experience building high-performance web and mobile applications.

I specialise in React, Next.js (13–15), TypeScript, React Native and modern UI engineering, with a strong focus on:

  • Scalable design systems and reusable component libraries
  • High-performance interfaces (Core Web Vitals, Lighthouse)
  • API-driven architectures (REST, auth, RBAC, dashboards)
  • AI-powered experiences (OpenAI integrations, intelligent UI flows)
  • Web3 & Fintech frontends (wallets, analytics, trading UIs)

I’ve delivered products across UAE, Canada, Turkey, Europe and global remote teams for enterprise, fintech, SaaS, mobility, and crypto platforms.


πŸ’Ό Current Focus

  • Senior Frontend & AI Engineer – Book That Boat (Dubai)
    Building a Next.js 15 + AI-enabled luxury yacht booking platform using TypeScript, React Server Components, Payload CMS and OpenAI for automated content and intelligent booking flows.

πŸ”§ Core Tech Stack

  • Frontend: React.js, Next.js (13–15), React Native, TypeScript, JavaScript (ES6+), Redux Toolkit, Recoil, Zustand, TanStack Query
  • UI/UX & Design Systems: Tailwind CSS, Material-UI (MUI), Ant Design, Styled Components, Storybook, Responsive Design
  • APIs & Architecture: REST APIs, Authentication, RBAC, WebSockets, SSR/SSG, React Server Components, micro-frontend friendly patterns
  • AI & Data: OpenAI API, AI-assisted UI, TensorFlow.js, basic NLP pipelines
  • Web3: Ethers.js, Wagmi, Viem, Wallet integrations, Solana SDK, NFT/DeFi dashboards
  • Testing & Quality: Jest, React Testing Library, Cypress
  • Tools & Platforms: Git, GitHub Actions, Vercel, Firebase, Expo, Docker (basic), Figma, Jira

πŸ”₯ Selected Projects

πŸ›₯️ Book That Boat – AI-Powered Yacht Booking Platform

Stack: Next.js 15, TypeScript, Payload CMS, Tailwind CSS, OpenAI API, React Query, Vercel
Built the frontend architecture for an AI-enabled luxury yacht booking platform in Dubai:

  • End-to-end booking flows with dynamic pricing and availability
  • AI-generated content (yacht descriptions, routes, FAQs) using OpenAI
  • High-performance UI with RSC, code-splitting and Core Web Vitals optimisation

πŸ“Š Folionomics – Crypto Portfolio Management

Stack: Next.js 14, React 18, TypeScript, Redux Toolkit, React Query, Recharts, Plotly, Wagmi, Viem, Solana SDK

  • Real-time portfolio analytics across multiple chains and tokens
  • Multi-wallet connectivity with a polished, investor-focused UX
  • Themeable, accessible UI using Tailwind CSS + MUI

🧠 Oxhain Exchange – Web3 Trading & AI Insights

Stack: React.js, TypeScript, Ethers.js, Tailwind CSS, Web3 integrations, AI-backed insights

  • Built Web3 dashboards for trading, staking, NFTs and analytics
  • Integrated AI-driven signals to assist traders with better decision-making

🚚 Unilever Pasban – Fleet Safety & Telematics Suite

Stack: React Native, Next.js, TypeScript, Redux Toolkit, Firebase, REST APIs

  • Developed mobile and web apps for driver safety, GPS tracking and telematics
  • Built dashboards for events, alerts and driver performance metrics

πŸ’Ή XTB Clone – Trading Interface Simulation

Stack: React.js, TypeScript, charts, dynamic UI

  • Built a fully responsive trading interface with simulated CFDs, charts and real-time-like interactions
  • Implemented modular components suitable for fintech-style products

πŸ’Ό LeReve Capital – Investment & Web3 Platform

Stack: Next.js, TypeScript, SSR, Web3 integrations

  • Developed an investment dashboard with SSR, secure flows and modern, responsive UI

πŸŽ“ Education

  • πŸŽ“ MSc – Information Systems Engineering (Machine Learning)
    Kocaeli University, Turkey

  • πŸŽ“ BSc – Computer Science
    Dadabhoy Institute of Higher Education, Pakistan

  • πŸŽ“ ACCP PRO – Software Engineering & Frontend Development
    Aptech Pakistan


πŸ“ Current Status

  • πŸ“Œ Based in Dubai, United Arab Emirates
  • 🟒 Open to Senior Frontend / React / Next.js / TypeScript / Frontend+AI roles
  • ⚑ Immediate joiner – visa transfer possible

πŸ“« Contact


πŸ“Š GitHub Stats

GitHub Stats

I’m always open to challenging frontend problems, AI-enabled products, Web3 dashboards, and high-performance UI architecture.
If you’re building something ambitious, let’s talk. πŸš€

Pinned Loading

  1. react-oxhain-app react-oxhain-app Public

    Oxhain is the first CEX-DEX hybrid crypto derivatives exchange.

    JavaScript 1 1

  2. dex-frontend-react dex-frontend-react Public

    The DEX frontend is designed to provide users with a seamless and intuitive experience for interacting with decentralized finance (DeFi) applications. It incorporates professional design principles…

    JavaScript

  3. react-arbit-blog react-arbit-blog Public

    The Arbit Blog web application is designed to allow a logged-in user to manage their posts. It includes features like viewing a list of posts, creating new posts, updating existing posts, and delet…

    JavaScript