Available for new opportunities

Hi, I’mMansub Hafeez

Full Stack Developer
UI/UX Enthusiast

Crafting Digital Experiences with Passion

I specialize in building exceptional digital experiences that combine beautiful design with powerful functionality.

ReactNext.jsTypeScriptTailwind CSS
Connect:
About Me

Crafting DigitalExperiences

20+
Projects Completed
2
Years Experience
10+
Technologies
100%
Client Satisfaction

Professional Journey

Highly skilled Front End Developer with a strong background in building scalable, high-performance web and mobile applications using modern technologies.

Proven expertise in React.js, Next.js, TypeScript, and Node.js, with extensive experience in UI/UX design, AI-driven development, and browser extensions.

Passionate about performance optimization, interactive animations, and integrating AI models to enhance user experiences. Strong problem-solving skills and a track record of delivering innovative solutions.

Problem Solving
Team Leadership
AI Integration
Performance Optimization

Education

Bachelor of Science in Computer Science

University of Gujrat

2021 - 2025

Key Highlights

12+ Projects completed across various domains
Full-stack development experience
AI-powered application development
Performance optimization specialist
Modern animation and UI/UX expertise
Skills & Technologies

TechnicalExpertise

A comprehensive toolkit of modern technologies and frameworks I use to build exceptional web experiences.

Frontend Technologies

React.js
Next.js
TypeScript
JavaScript
HTML5
CSS3

Styling & UI

Tailwind CSS
Framer Motion
Shadcn/UI
HeroUI
Responsive Design

Backend & Database

Node.js
NestJS
Supabase
Prisma
PostgreSQL
MongoDB

Tools & Others

Git
GitHub
Electron
Socket.io
AI Integration
Performance Optimization

Core Competencies

Proficiency levels in my primary technologies, constantly evolving through continuous learning and practice.

React.js / Next.js95%
TypeScript / JavaScript90%
Tailwind CSS95%
Framer Motion85%
Node.js80%
Database Management85%
Professional Experience

WorkExperience

Professional experience building scalable web applications and leading frontend development projects.

Knoctal

Front End Developer

Jul 2024 – Present
Remote

Beutron (Web App)

Beutron is a robust, full-stack inventory management system that enables users to handle selling, returns, expense tracking, and more. It features dynamic dashboards with charts, transaction history, and CRUD operations, all backed by Supabase and Prisma.

Technologies Used:
Next.js with TypeScript
Tailwind CSS
Shadcn
NextUI (HeroUI)
Supabase
Prisma
Key Contributions:
  • Developed a responsive and user-friendly web application using Next.js and TypeScript
  • Implemented dynamic dashboards with charts and transaction history using Supabase and Prisma
  • Collaborated with the team to integrate inventory management features
  • Ensured responsive design across desktop, tablet, and mobile views

Knoctal Company Website

Redesigned and developed the official company website using modern UI practices

Technologies Used:
Next.js
Framer Motion
Tailwind CSS
Key Contributions:
  • Implemented dynamic animations using Framer Motion in Next.js
  • Built a responsive and accessible user interface
Featured Work

SelectedProjects

A showcase of my recent work, featuring full-stack applications, AI-powered tools, and modern web experiences.

Beutron

January, 2025

A full-featured inventory management system built with Next.js, Tailwind, Supabase, and Prisma.

Next.js
Tailwind CSS
Supabase
Prisma

Scan Flow

November, 2025

A full-stack Inventory System that works with barcode generation and scanning.

Next.js
Supabase
TypeScript
Tailwind CSS

Style Hub

February, 2026

A full-stack Inventory System for salon. Having features like service and product management, booking, staff management, and more.

Next.js
Supabase
TypeScript
Tailwind CSS

Leadflow CRM

November, 2024

A full-stack CRM system with real-time collaboration, reporting, and customer lifecycle management.

Next.js
NestJS
PostgreSQL
Socket.io

Ventry

June-July, 2025

A desktop-first inventory system with cheque payments, email notifications, and print-ready customer/supplier records.

Electron
React.js
Tailwind CSS
Next.js

Flow Desk

December, 2025

An app that stores daily sales and payments with attendance of employees.

Next.js
Tailwind CSS
Supabase
Prisma
Explore Full Gallery
GitHub Contributions

Open SourceActivity

My recent GitHub activity including contributions to personal and team projects.

 
Let’s Connect

Ready toCollaborate?

I’m always interested in new opportunities and exciting projects. Let’s connect and discuss how we can work together.

Get In Touch

Let’s Build Something Amazing

I’m currently available for freelance work and full-time opportunities. Whether you have a project in mind or just want to chat about technology, I’d love to hear from you.

What I can help you with:

  • Frontend Development (React, Next.js)
  • Full-stack Web Applications
  • Desktop Applications
  • Mobile-responsive Design
  • Backend & API Integration
  • UI/UX Implementation
  • Performance Optimization

© 2025 Mansub Hafeez. Crafted with passion using Next.js, Tailwind CSS, and modern web technologies.

Made with❤️and lots of coffee