Dynamic Web Magic with React.js & Next.js

Transforming Concepts into Seamless User Experiences

Hi! I'm Muhammad Abubakar, a React.js & Next.js Developer 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
VueJSTanStack QueryTailwind 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

Tax-Focused CRM with Secure, Scalable Architecture

Built with Next.js, and TypeScript, Mithras CRM offers a modern, secure, and scalable solution for managing tax workflows. Features include real-time data updates via React Query, responsive design with Tailwind CSS, intuitive UI using Ant Design, multilingual support with next-intl, and secure Auth0 authentication.

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

Digital Business Card, Team & Community Platform with E-commerce

KnocKnoc is a SaaS platform for digital business cards, team and customer management, and community networking. It features role-based dashboards for admins and customers, real-time feature gating based on subscription, business card creation and sharing, team collaboration, product management, e-commerce checkout with Stripe, AWS S3 file storage, and robust validation. The UI is built with Material-UI and React, with state managed by Jotai and data fetching via React Query.

React: JavaScript library for building UIs
TypeScript: Typed superset of JavaScript
Material-UI: React UI framework
AWS: Cloud computing services
Google Maps: Mapping platform

Check Live Site

bgimg
cover

Roadside Signboard Management and Visualization Platform

CYMaps is a specialized 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 and performance. The platform features real-time data handling, modular UI, and a responsive design, making it ideal for organizations overseeing outdoor advertising assets.

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

NFC-Enabled Digital Business Card & Networking Platform

Contact Wearables is a modern web application for creating, sharing, and managing digital business cards and networking functions using NFC technology. Built with React and styled-components, it features real-time contact management, customizable cards, payment integrations (Stripe, CashApp, Venmo), file uploads, team and admin management, and a built-in CRM. The platform supports Google OAuth, responsive design with Bootstrap, and offers a rich user experience with tools like CKEditor and React Data Table.

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

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.