Dynamic Web Magic with React.js & Next.js

Transforming Concepts into Seamless User Experiences

Hi! I'm Muhammad Abubakar, a Senior Frontend Engineer specializing in React.js & Next.js, based in Lahore, Pakistan.

/b1.svg
I prioritize client collaboration, fostering open communication
I'm very flexible with time zone communications
I constantly try to improve
My tech stack
ReactJSNextJSTypescript
VueJSExpo (React Native)Tailwind CSS
/grid.svg
/b4.svg
Tech enthusiast with a passion for development.
/b5.svg
/grid.svg
The Inside Scoop
Currently building a CRM for tax management
Interested in working together?

A small selection of recent projects

bgimg
cover

Enterprise-Grade CRM for Tax Advisors and Firms

An enterprise CRM for tax advisors and firms to manage clients, leads, invoices, and workflows. Built with Next.js 14 and TypeScript, it features customizable data tables with filters, sorting, drag-and-drop, and infinite scrolling. Includes role-based access control, multilingual support (English & German), Auth0 authentication, and Microsoft 365 integrations for document management and calendar scheduling.

Next.js: React framework for production
Tailwind CSS: Utility-first CSS framework
TypeScript: Typed superset of JavaScript
Ant Design: React UI library
Auth0: Authentication as a service

Check Live Site

bgimg
cover

NFC-Enabled Digital Personal and Business Card Platform

An NFC-enabled digital business card platform for individuals and teams to share contact information via NFC devices. Built with React.js, it features responsive card interfaces, team management with invitations and access control, role-based dashboards, Stripe billing, Google OAuth, and rich text editing for customizable profiles.

React: JavaScript library for building UIs
Bootstrap: CSS framework for responsive design
JavaScript: Programming language of the web
Stripe: Online payment processing
Jotai: Primitive and flexible state management for React

Check Live Site

bgimg
cover

B2B Hospitality Technology Marketplace

A B2B hospitality technology marketplace connecting buyers with tech vendors across the hotel industry. Built with Next.js, it features vendor and product listings, comparison tools, blogs, and resources. Includes authenticated dashboards for buyers and vendors with billing, subscriptions, and team management. Integrated with Stripe, Google OAuth, Google Maps, Algolia search, and OpenAI.

Next.js: React framework for production
Tailwind CSS: Utility-first CSS framework
JavaScript: Programming language of the web
Stripe: Online payment processing
Google Maps: Mapping platform

Check Live Site

bgimg
cover

Premium B2B Hospitality Platform with AI-Powered Advisory

A premium B2B hospitality tech platform with an AI-powered advisory assistant for discovering and comparing technology vendors using natural language. Built with Next.js and TypeScript, it features real-time AI responses via OpenAI, multilingual support (English & Arabic), voice input with Whisper transcription, Stripe payments, and Pusher for real-time features.

Next.js: React framework for production
TypeScript: Typed superset of JavaScript
Ant Design: React UI library
Tailwind CSS: Utility-first CSS framework
Stripe: Online payment processing

Check Live Site

bgimg
cover

SaaS Platform for Secure B2B Price List Management

A SaaS platform for securely managing and sharing B2B price lists with Excel uploads, dashboard editing, client-specific links, and engagement analytics. Built with Next.js 14 and TypeScript, it features drag-and-drop Excel parsing, secure sharing with access control and activity tracking, NextAuth authentication, form validation with Zod, and Recharts-powered analytics dashboards.

Next.js: React framework for production
TypeScript: Typed superset of JavaScript
Shadcn UI: Headless UI components for React
Tailwind CSS: Utility-first CSS framework
Jotai: Primitive and flexible state management for React

Check Live Site

bgimg
cover

Roadside Signboard Management and Visualization Platform

A web application for visualizing and managing roadside signboards on interactive maps. Built with React, TypeScript, Shadcn UI, and Tailwind CSS, it enables users to view, add, edit, and book signboards, manage clients and projects, and analyze sign availability. Features real-time data handling, modular UI, and responsive design for outdoor advertising management.

React: JavaScript library for building UIs
Tailwind CSS: Utility-first CSS framework
TypeScript: Typed superset of JavaScript
Shadcn UI: Headless UI components for React
Google Maps: Mapping platform

Check Live Site

bgimg
cover

SaaS Platform for Digital Business Cards & Team Management

A SaaS platform for digital business cards, team management, product listings, and community networking. Built with React, TypeScript, and Material UI, it features a role-based dashboard, subscription-based feature gating, digital card creation, Stripe payments, AWS S3 file uploads, Google Maps integration, and optimized state management with React Query and Jotai.

React: JavaScript library for building UIs
JavaScript: Programming language of the web
Material-UI: React UI framework
AWS: Cloud computing services
Google Maps: Mapping platform

Check Live Site

bgimg
cover

Dashboard System for Health Metrics & Wellness Analytics

A dashboard for monitoring health metrics, wellness insights, and performance analytics through interactive visual reports. Built with React and Material UI, it features Recharts-powered analytics, role-based access control, and optimized data fetching with React Query for efficient synchronization and a seamless user experience.

React: JavaScript library for building UIs
Material-UI: React UI framework
JavaScript: Programming language of the web
Jotai: Primitive and flexible state management for React
TanStack Query: Data synchronization library

Check Live Site

My work experience

My approach

Planning & Strategy

We'll collaborate to map out your website's goals, target audience, and key functionalities. We'll discuss things like site structure, navigation, and content requirements.

Development & Progress Update

Once we agree on the plan, I cue my lofi playlist and dive into coding. From initial sketches to polished code, I keep you updated every step of the way.

Development & Launch

This is where the magic happens! Based on the approved design, I'll translate everything into functional code, building your website from the ground up.