Muhammad is available for hire

Muhammad Zeeshan

Verified Expert in Engineering

Front-end Developer

Jeddah, Makkah Province, Saudi Arabia

Toptal member since March 13, 2026

Expertise

Front End Accessibility Development LLM React.js Tailwind CSS TypeScript CSS JavaScript Google Analytics GitHub Next.js Vercel Redux API

Bio

Muhammad is a senior front-end developer with six years of experience building production-grade web applications using React, Next.js, Remix, TypeScript, and modern full-stack tools. He has developed SaaS platforms, admin dashboards, and internal tools used by real clients, while leading front-end architecture decisions with a focus on performance, accessibility, and user experience. With additional back-end experience, Muhammad is comfortable working across the full stack.

Portfolio

Greenpox

React, Remix, Kysely, Accessibility, Tailwind CSS, Performance...

Khaleej Training

React, Next.js, Drizzle ORM, Risk Management, Decision Making, Ownership...

HBR Web Solutions

React, Next.js, React Hook Form, Accessibility, Server-side Rendering (SSR)...

Experience

Accessibility - 6 years
Tailwind CSS - 6 years
TypeScript - 6 years
React - 6 years
Zod Schema - 6 years
React Hook Form - 6 years
Next.js - 5 years
Remix - 3 years

Preferred Environment

React, Next.js, Remix, TypeScript, React Hook Form, Zod Schema, JavaScript, Node.js, DOM, Web Architecture

The most amazing...

...achievement has been developing an AI-driven task management website where user can manage tasks either visually or just by asking AI in natural language.

Work Experience

Full-stack React Developer

2023 - 2024

Greenpox

Built a fully featured eCommerce platform using React and Next.js, including product management, checkout flows, and order tracking.
Developed a custom admin dashboard for managing products, orders, and user data with real-time operational visibility.
Implemented type-safe back-end services using Kysely and PostgreSQL, ensuring reliable data operations and maintainable queries.
Designed a scalable front-end architecture with clear separation between UI, business logic, and data layers.
Improved application performance and load times through optimized rendering, efficient data fetching, and code splitting.
Built reusable UI components styled with Tailwind CSS, creating a consistent and maintainable design system.
Implemented UI testing with Playwright to validate critical user flows and improve release confidence.
Integrated Storybook for component development, enabling isolated UI testing and better collaboration with designers.

Technologies: React, Remix, Kysely, Accessibility, Tailwind CSS, Performance, User Experience (UX), Storybook, Playwright, Drizzle ORM, Large Language Models (LLMs), Redux, REST API Architecture, JavaScript, Node.js, DOM, APIs, WebSockets, Web Architecture, Google Analytics, Google Tag Manager, Vercel, Security, URL Filtering, Application State Management, API Integration, GitHub, CSS, HTML, Core Web Vitals, Web Content Accessibility Guidelines (WCAG), Figma, User Interface (UI), Figma to React, Front-end

Full-stack Developer

2022 - 2023

Khaleej Training

Developed end-to-end product features using Next.js, Drizzle ORM, and PostgreSQL, covering UI, APIs, and database layers.
Designed and implemented RESTful API endpoints for authentication, data management, and secure server operations.
Structured database schemas and queries with Drizzle ORM, improving type safety and maintainability.
Built reusable React UI components and shared patterns, making feature development faster and more consistent.
Improved application performance through optimized data fetching, efficient queries, and reduced client-side overhead.
Applied accessibility best practices (a11y) to ensure interfaces worked well with assistive technologies.
Delivered production features with strong ownership and decision-making, managing tasks from planning to deployment.
Focused on developer experience (DX) by organizing codebases, improving project structure, and maintaining clear conventions.

Technologies: React, Next.js, Drizzle ORM, Risk Management, Decision Making, Ownership, Accessibility, Performance, User Experience (UX), Developer Experience (DX), UI Components, UI Testing, Tailwind CSS, Redux, REST API Architecture, JavaScript, Node.js, DOM, APIs, WebSockets, Web Architecture, Google Analytics, Google Tag Manager, Vercel, Security, URL Filtering, Application State Management, API Integration, GitHub, CSS, HTML, Core Web Vitals, Web Content Accessibility Guidelines (WCAG), Figma, User Interface (UI), Figma to React, Front-end

Next.js Developer

2020 - 2022

HBR Web Solutions

Developed production-grade React and Next.js applications using SSR, SSG, and API routes to deliver fast, SEO-friendly web experiences.
Improved Core Web Vitals (CWV) and page load performance through code splitting, lazy loading, and optimized asset delivery.
Built reusable UI component libraries, reducing duplicated code and accelerating feature development across projects.
Implemented scalable front-end architecture with modular components and predictable state patterns.
Integrated React Hook Form to handle complex form validation and improve form performance.
Enhanced SEO and search visibility by implementing server-side rendering, metadata optimization, and structured markup.
Applied accessibility (a11y) best practices, including semantic HTML, keyboard navigation, and screen reader support.
Collaborated with back-end and design teams to deliver user-focused interfaces with improved UX and usability.

Technologies: React, Next.js, React Hook Form, Accessibility, Server-side Rendering (SSR), Performance, User Experience (UX), Tailwind CSS, Redux, REST API Architecture, JavaScript, Node.js, DOM, APIs, Web Architecture, Google Analytics, Google Tag Manager, Vercel, Security, URL Filtering, Application State Management, API Integration, GitHub, CSS, HTML, Core Web Vitals, Web Content Accessibility Guidelines (WCAG), Figma, User Interface (UI), Figma to React, Front-end

Junior Front-end Developer

2019 - 2020

Iqrazain Softs

Developed responsive web pages using HTML, CSS, and JavaScript, ensuring consistent layouts across devices.
Translated design into pixel-perfect production-ready UI, collaborating closely with designers to maintain visual accuracy.
Improved page responsiveness and layout stability by implementing flexible grids and media queries.
Assisted in integrating TypeScript into existing JavaScript codebases to improve maintainability and type safety.
Implemented accessibility best practices (a11y) including semantic HTML, proper labels, and keyboard navigation support.
Built UI components using Bootstrap, accelerating development and ensuring consistent styling across projects.
Contributed to code reviews and team collaboration, improving code quality and learning production workflows.

Technologies: HTML, CSS, JavaScript, TypeScript, Accessibility, Responsive UI, Redux, Node.js, DOM, Web Architecture, Vercel, URL Filtering, Application State Management, API Integration, GitHub, Core Web Vitals, Web Content Accessibility Guidelines (WCAG), Figma, User Interface (UI), Figma to React, Front-end

Experience

AI Character Chatbot

https://persora.meeshan.dev

Persora is an AI chatbot platform where users create custom characters with roles and goals, then chat with them in scenario-based conversations. The responsive interface supports real-time updates, smooth interactions, and character customization. Built with React, the platform emphasizes performance, accessibility, and scalability, enabling immersive, interactive experiences for entertainment, learning, or personal assistant use cases.

AI-powered Task Management

https://boardly.meeshan.dev

I developed an AI-powered task management app that lets you manage tasks visually or just by asking the AI in natural language. An AI assistant interprets requests to map natural-language commands to UI actions. The responsive interface ensures smooth interaction, and the system emphasizes performance, usability, and scalability for efficient personal and team productivity.

AI Prompt Manager

https://arkive.meeshan.dev

I engineered an AI prompt management platform that lets users save, organize, tag, and enhance prompts with AI. It provides a searchable personal library with version history, enabling users to manage, refine, and retrieve prompts efficiently. The interface is responsive and intuitive, focusing on performance, usability, and accessibility, making it easy to maintain a structured, scalable prompt collection for personal or professional AI workflows.

Text Classification AI

https://label-ai.meeshan.dev

Label AI is a platform for creating, training, and deploying text classification models from labeled examples. Users can manage datasets, train models, and get real-time predictions. The system emphasizes performance, scalability, and an intuitive interface, enabling users to efficiently build, test, and use AI-powered text classifiers for personal, analytics, or research purposes.

eCommerce Storefront

https://ecommerce.meeshan.dev

eCommerce Storefront is a fully featured online shopping platform with landing pages for featured, best-selling, new, and limited-stock products. It offers advanced search filters, dynamic product options, responsive product pages, real-time cart and checkout with COD/Stripe payments, address management, order management, return management, and account settings. Admin controls static content like About, FAQs, and Policies. The platform ensures performance, scalability, accessibility, and smooth UX across devices.

eCommerce Dashboard

https://ecommerce.meeshan.dev/dashboard

eCommerce Dashboard is a comprehensive admin platform providing an overview of total revenue, orders, users, products, reviews, and low-stock items. It includes sales analytics, performance metrics, recent activity, and alerts for stock or failed orders. Full management features cover products, inventories, categories, brands, menus, pages, banners, vouchers, orders, shippers, reviews, users, emails, and settings, enabling scalable, efficient store operations.

QR Code Generator

https://qr.meeshan.dev

QR Code Generator is a web app that instantly creates customizable QR codes for URLs, text, WiFi, email, phone, SMS, and WhatsApp. Users get real-time previews, color customization, and the option to download codes as PNG, JPEG, WEBP, or SVG. The responsive, accessible interface ensures smooth use across devices, while reusable components and optimized rendering deliver fast, maintainable, and seamless performance.

Education

2019 - 2023

Bachelor's Degree in Information Technologies

University of the Punjab - Lahore, Pakistan

Skills

Libraries/APIs

React, React Router, React Hook Form, Zod Schema, Node.js, Playwright

Tools

Google Analytics, GitHub, Claude Code, Figma, Drizzle ORM, Shadcn UI, Redux Toolkit

Languages

TypeScript, HTML, CSS, JavaScript

Frameworks

Remix, Next.js, Tailwind CSS, Redux

Paradigms

Web Architecture, REST API Architecture, Model Context Protocol (MCP)

Platforms

Vercel

Other

Zustand, Accessibility, URL Filtering, Application State Management, Large Language Models (LLMs), Google Tag Manager, DOM, APIs, API Integration, Core Web Vitals, Web Content Accessibility Guidelines (WCAG), User Interface (UI), Figma to React, Front-end, User Experience (UX), WebSockets, Security, Kysely, Responsive UI, Server-side Rendering (SSR), Performance, Risk Management, Decision Making, Ownership, Developer Experience (DX), UI Components, UI Testing, Storybook, Typescrirpt, Open Router AI, AI Elements, Streaming Data

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring