Available for projects

Hi, I'm Mahabeer

Full Stack Developer

I build exceptional digital experiences for the web and mobile — from idea to production.

ReactNode.jsReact NativeTypeScriptFirebase

Get in touch View my work

Scroll

About Me

I'm a passionate full stack developer with a focus on creating intuitive and performant web applications.

With 4 years 3 months of experience in web development, I've worked on a variety of projects from small business websites to complex enterprise applications. I specialize in React, Next.js, Node.js, SvelteJs and modern web technologies.

When I'm not coding, you can find me hiking, reading, or experimenting with new technologies. I'm always looking to learn and grow as a developer.

Blogs

Thoughts, tutorials, and things I've learned along the way.

personal

Mar 11, 2026

How to Enable Google Analytics 4 (GA4) on Your Website: Full Setup Guide + Next.js

Step-by-step: create a Google Analytics 4 property, add a web data stream, copy your Measurement ID, and implement gtag.js in a Next.js App Router project with environment variables and production-safe loading.

Integrate Firebase Cloud Messaging in React Native — Permissions, Tokens, Background & In-App UI

End-to-end guide: APNs key in Firebase, Xcode capabilities, @react-native-firebase/messaging + Notifee, Android 13+ permissions, saving FCM tokens to your backend, navigation on tap, and a Zustand-powered in-app notification banner.

How to Send Push Notifications from Node.js with Firebase — Part 2: Code Implementation

Implement the Node.js backend for Firebase Cloud Messaging — initialize firebase-admin, store FCM tokens per user, expose a save-token API, and send push notifications from your server using a reusable notification service.

How to Send Push Notifications from Node.js with Firebase — Part 1: Firebase Console Setup

Step-by-step guide to configuring Firebase Cloud Messaging for your Node.js backend — generating the Admin SDK key, enabling Cloud Messaging, and sending your first test notification to iOS and Android devices.

Skills & Technologies

The stack I use to build products from idea to production.

Frontend

React

Next.js

TypeScript

Tailwind CSS

SvelteJs

HTML/CSS

JavaScript

Mobile

React Native

Expo

iOS

Android

Push Notifications

Backend

Node.js

Express

REST APIs

SvelteKit

PHP

Laravel

Python

Database

MongoDB

MySQL

PostgreSQL

Prisma

Drizzle

Redis

DevOps & Cloud

Vercel

AWS

Docker

Nginx

CI/CD

VPS

Netlify

Version Control

Git

GitHub

GitLab

Code Reviews

Branch Strategy

UI / Design

Figma

Shadcn/ui

Radix UI

Responsive Design

Framer Motion

Tools

VS Code

Cursor

Postman

Chrome DevTools

pnpm/yarn

Webpack

Vite

Work Experience

My professional journey and career highlights.

Software Engineer

Current

Indi IT SolutionsMohali

Dec 2025 - Present

Developing and maintaining full-stack applications using React.js, React Native, Node.js, Express, and MongoDB.
Designing and optimizing RESTful APIs and backend services with Node.js and Express.
Collaborating on database design and performance optimization using MongoDB and MySQL.
Continuously upskilling in AI/ML concepts to align with future project requirements.

React Native

ReactJs

Express

NodeJs

MongoDB

MySQL

Senior Full-Stack Developer

Clousor Technologies Pvt LtdRemote

Dec 2024 - Dec 2025

Handling direct foreign clients for the organization.
Managing development team of 5+ developers.
Learning AI/ML for future projects.

SvelteJs

Bubble.io

Client Handling

Frontend Developer to Frontend Team Lead

Ellocent Labs IT SolutionsMohali

May 2022 - Nov 2024

Built and shipped a fleet and logistics management suite across an admin panel, customer app, and driver mobile app.
Engineered real-time chat and live location tracking on WebSockets with Google Cloud API integration.
Deployed apps to the App Store and Google Play.
Promoted to Frontend Team Lead in May 2024; led two teams across SvelteKit and low-code stacks.
Authored shared React and SvelteKit component libraries, mentored junior developers, and ran code reviews.

Team Leadership

React

React Native

TypeScript

SvelteJs

Tailwind CSS

Git

Freelance Frontend Developer

Self-employedRemote

Apr 2020 - Mar 2022

Developed and delivered web applications using HTML5, CSS, and PHP for various freelance projects.
Built reusable and modular components to optimize development workflows.
Integrated third-party APIs and services to enhance application features.
Optimized website performance and ensured cross-browser compatibility.

HTML

CSS

JavaScript

PHP

Bootstrap

My Projects

Here are some of the projects I've worked on.

Sindhiplex

Sindhiplex is the first Sindhi-language OTT streaming platform, carrying web series, music shows, devotional, cooking and educational programming. Delivered end to end: a React web app, React Native apps on the App Store and Google Play, and a Node.js, Express and MongoDB backend, with catalogue browsing by category and tag, search, subscriber accounts and video streaming on AWS.

React

React Native

Node.js

Express

MongoDB

Video Streaming

AWS

Live Demo

Multiflix

Multiflix is a social video platform for creators, covering short-form video with an in-app editor, an algorithmic feed, live rooms and chat, creator analytics, and monetization through tips, subscriptions and brand deals. Delivered end to end: a React Native mobile app shipped to Google Play, a Node.js and MongoDB backend, and a Next.js marketing site on Vercel.

React Native

Node.js

MongoDB

Next.js

TypeScript

Vercel

Live Demo

Minoas Rentals

Minoas Rentals, rental booking platform developed with Svelte, designed for convenient and flexible vehicle rentals. Users can easily browse available cars, check rates, and book rentals for desired dates.

SvelteKit

TypeScript

Tailwind CSS

Stripe

Prisma

Live Demo

LinkedScribe AI

LinkedScribe is an AI-powered platform designed to simplify LinkedIn content creation. Whether you’re building your personal brand or enhancing your company’s LinkedIn presence, LinkedScribe provides the resources to make every post impactful.

Bubble.io

Stripe

Open AI

Live Demo

Open Source Showcase

Crafted libraries and reusable widgets for mobile and web.

pdfuse-core

PDF

TypeScript

Browser

MIT

Merge PDFs in the browser: load files with pdf-lib, combine selected pages, export bytes. TypeScript, ESM and CJS.

Install

npm i pdfuse-core

Usage

import { loadPdfDocument, mergeSelectedPages } from "pdfuse-core"

const { pdfDoc, totalPages } = await loadPdfDocument(file)
// mergeSelectedPages(uploadedPdfs, [{ pdfIndex: 0, pageIndex: 0 }, ...])

View on npm Docs

Widgets for Next.js & React

Next.js

React

UI Components

Open Source

An open-source website offering reusable components and widgets for Next.js and React to accelerate UI development.

Component

Card

Component

Modal

Component

Table

Component

Button

Explore Widgets Visit Site

code-quality-setup

CLI

Tooling

Open Source

Instantly set up ESLint, Prettier, Husky, and lint-staged for your Node.js projects with a single command.

Install

npx code-quality-setup

View on npm Docs

git-weekly-report

CLI

Git

Productivity

Reporting

Generate weekly git reports for your projects. Perfect for developers who need to submit daily updates or weekly summaries.

Install

npx git-weekly-report

View on npm Docs

natify-web-bridge

React Native

TypeScript

Web to Native

MIT

Bridges web applications to native mobile capabilities, letting web code trigger device features such as camera access, GPS, and push notifications through natify.

Install

npm i natify-web-bridge

View on npm Docs

react-native-ui-house

React Native

TypeScript

UI Library

MIT

A versatile React Native UI component library built with TypeScript, offering reusable, customizable components like Avatar, IconButton, Card, Badge, and inputs.

Install

npm i react-native-ui-house

Usage

import { Avatar } from "react-native-ui-house"

<Avatar name="Mahabeer" imageUrl="https://example.com/image.jpg" />

View on npm Docs

Products

Tools I've built and shipped for the developer community.

Database Studio

Explore, visualize & document your databases

Developer Tool

MySQL

MongoDB

CLI

Full-Stack

v1.0.7

MIT

A high-performance, full-stack database viewer and schema explorer. Designed for developers and DBAs, it provides a modern interface to explore, analyze, and document MySQL and MongoDB databases — all from a single command.

Terminal

npx database-studio

View on npm

Key Features

Interactive Data Viewer

Browse data with a paginated table for MySQL tables and MongoDB collections.

Visual Schema Explorer

Grid-based schema view with interactive cards and dynamic color-coding.

Canvas View

Drag-and-drop schema visualization with table relationships on a canvas.

PDF Export

Generate professional A4 schema documentation with a single click.

Tech Stack

React 18

Express 5

Tailwind CSS

Radix UI

Vite

Puppeteer

Highlightly

PDF highlighting & annotation in the browser

Web App

PDF

Annotation

Productivity

Reader

A web-based PDF highlighting and annotation tool. Highlight text, add notes, and organize your reading — all in the browser. No install required.

Visit site

Key Features

PDF Highlighting

Highlight text in PDFs with customizable colors.

Annotations & Notes

Add notes and comments linked to selected text.

Browser-Based

Works entirely in the browser — no desktop install.

Organized Reading

Keep your highlights and notes in one place.

Tech Stack

React

PDF.js

TypeScript

Tailwind CSS

Get In Touch

Have a project in mind or want to chat? Feel free to reach out.

Email

mahabeer.fcs.gna@gmail.com

Phone

+91 99156 68595

Location

Mohali, Pb

Let's Connect

I'm currently available for freelance work and full-time positions. If you have a project that needs some creative direction, I'd love to hear about it.