Hi, I'm Mahabeer
Full Stack Developer
I build exceptional digital experiences for the web and mobile — from idea to production.
About Me
I'm a passionate full stack developer with a focus on creating intuitive and performant web applications.
With 3 years 10 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.
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
Mobile
Backend
Database
DevOps & Cloud
Version Control
UI / Design
Tools
Work Experience
My professional journey and career highlights.
Software Engineer
- 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.
Sr. Full Stack Developer
- Handling direct foreign clients for the organization.
- Managing development team of 5+ developers.
- Learning AI/ML for future projects.
Front End Team Lead
- Building reusable components for future use across projects.
- Deploying apps on App Store and Google Play.
- Led logistics project mobile — real-time chat on WebSockets, Google Cloud API integration.
- Building admin panels on React.js for managing mobile applications.
- Mentored junior developers and conducted code reviews.
Front End Developer
- Assisted in the development of the company's marketing website.
- Created interactive UI components using modern JavaScript frameworks.
- Participated in daily stand-ups and sprint planning meetings.
- Gained experience with version control and collaborative development.
Front End Developer
- 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.
My Projects
Here are some of the projects I've worked on.
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.
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.
Memantra Wellness
MeMantra Wellness is a holistic nutrition and wellness platform designed to empower individuals on their journey to better health. We focus on personalized care with our personalized plans
ClipMe Mobile App
ClipMe is an Android app that enables seamless clipboard synchronization between your mobile device and other devices, such as your desktop browser or another mobile device.
Open Source Showcase
Crafted libraries and reusable widgets for mobile and web.
pdfuse-core
Merge PDFs in the browser: load files with pdf-lib, combine selected pages, export bytes. TypeScript, ESM and CJS.
npm i pdfuse-coreimport { loadPdfDocument, mergeSelectedPages } from "pdfuse-core"
const { pdfDoc, totalPages } = await loadPdfDocument(file)
// mergeSelectedPages(uploadedPdfs, [{ pdfIndex: 0, pageIndex: 0 }, ...])Widgets for Next.js & React
An open-source website offering reusable components and widgets for Next.js and React to accelerate UI development.
code-quality-setup
Instantly set up ESLint, Prettier, Husky, and lint-staged for your Node.js projects with a single command.
npx code-quality-setupgit-weekly-report
Generate weekly git reports for your projects. Perfect for developers who need to submit daily updates or weekly summaries.
npx git-weekly-reportreact-native-ui-house
A versatile React Native UI component library built with TypeScript, offering reusable, customizable components like Avatar, IconButton, Card, Badge, and inputs.
npm i react-native-ui-houseimport { Avatar } from "react-native-ui-house"
<Avatar name="Mahabeer" imageUrl="https://example.com/image.jpg" />Products
Tools I've built and shipped for the developer community.
Database Studio
Explore, visualize & document your databases
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.
npx database-studioKey Features
Tech Stack
Highlightly
PDF highlighting & annotation in the browser
A web-based PDF highlighting and annotation tool. Highlight text, add notes, and organize your reading — all in the browser. No install required.
Key Features
Tech Stack
Get In Touch
Have a project in mind or want to chat? Feel free to reach out.
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.