Osama Khan - Full Stack Developer

Hi, I'm Osama Khan

Full Stack Web Developer

Experienced developer with 5+ years in full stack web development. Specializing in modern web technologies and creating exceptional user experiences.

Featured Projects

Showcase of my recent work and the innovative solutions I've built for clients

DirtFace - Fencing Business Management Platform Screenshot 1
DirtFace - Fencing Business Management Platform Screenshot 2

DirtFace - Fencing Business Management Platform

Live
Business Management Platform2024Client: SIGNPOST TECH INCTeam ProjectCurrent Company

Project Overview

A comprehensive business management platform for fencing contractors that streamlines the entire customer journey from initial property assessment to final invoicing. The application integrates Google Maps for location services, advanced canvas-based fence design tools, and automated PDF generation for quotes and invoices.

DirtFace revolutionizes how fencing businesses manage their operations by providing an all-in-one solution for project visualization, customer management, and financial documentation. The platform combines geospatial technology with interactive design tools to create accurate quotes and professional documentation.

Key Features

  • Interactive blank canvas for custom fence design and layout
  • Blueprint integration for accurate property measurements
  • Google Maps integration for precise location selection and property boundaries
  • Comprehensive customer/tenant management system
  • Dynamic quote generation with real-time pricing calculations
  • Multiple fence type selection (wood, vinyl, chain-link, aluminum, etc.)
  • Professional PDF export for quotes and estimates
  • Email automation for sending quotes and invoices to customers
  • Invoice generation with payment tracking capabilities
  • Project save/load functionality for ongoing estimates
  • Material cost calculator with supplier price integration
  • Customer database with project history and contact management

Technologies Used

Next.jsHTML5 CanvasPlaywrightNode.jsMongoDBGoogle Maps APIPDF GenerationJavaScript
Football Coach Strategy App Screenshot 1
Football Coach Strategy App Screenshot 2
Football Coach Strategy App Screenshot 3

Football Coach Strategy App

Live
Web Application2024Client: EasyCoach
EasyCoach Logo

Used by Villarreal CF

Professional Football Club

Project Overview

A comprehensive football coaching application that enables coaches to create different tactical strategies, design formations, and download tactical content as videos or images. The app features an intuitive drag-and-drop interface for positioning players and creating dynamic tactical animations.

This innovative coaching platform revolutionizes how football coaches plan and share their strategies. Built with modern web technologies, it provides real-time tactical planning, video generation capabilities, and seamless collaboration tools for coaching staff.

Key Features

  • Interactive tactical board with drag-and-drop player positioning
  • Dynamic strategy creation and animation tools
  • Video and image export functionality using Puppeteer
  • Real-time collaboration for coaching staff
  • Professional-grade tactical analysis tools
  • Mobile-responsive design for field-side usage

Technologies Used

React.jsNode.jsPuppeteerJavaScriptCanvas APIVideo Processing
Atlas Memorial Designer Screenshot 1
Atlas Memorial Designer Screenshot 2

Atlas Memorial Designer

Live
Web Application2024Client: Atlas MemorialTeam Project

Project Overview

A compassionate digital platform that enables users to design beautiful memorial tributes for their loved ones. The application features advanced design tools powered by HTML5 Canvas and Fabric.js, allowing users to create personalized memories and professional business/social media content.

Atlas Memorial combines cutting-edge technology with heartfelt purpose, providing families and funeral professionals with powerful design tools. The platform includes AI-powered obituary generation, making it easier for families during difficult times while helping funeral businesses grow their digital presence.

Key Features

  • Interactive memorial design canvas with drag-and-drop functionality
  • AI-powered obituary generation based on loved one's information
  • Business and social media post creation tools
  • Professional-grade design templates and assets
  • Collaborative team-based design workflows
  • Export functionality for various formats and platforms

Technologies Used

React.jsFabric.jsHTML5 CanvasAI IntegrationJavaScriptResponsive Design

About Me

Passionate Full Stack Developer

With over 5 years of experience in full stack web development, I specialize in creating robust, scalable applications using modern web technologies. My expertise spans from frontend development with React.js and Next.js to backend development with Node.js and database management.

🖌️ My niche expertise lies in HTML5 Canvas and Fabric.js, where I've built advanced browser-based tools — from custom editors to real-time interactive applications — tailored for both creative and technical use cases.

I'm passionate about writing clean, maintainable code and staying up-to-date with the latest industry trends and best practices. I enjoy tackling complex problems and turning ideas into reality through code.

Quick Facts

  • 5+ Years Experience
  • Full Stack Development
  • Modern Web Technologies
  • Canvas & Interactive Apps
  • Clean Code Advocate

Skills & Technologies

Here are the technologies and tools I work with to bring ideas to life

Frontend

React.jsNext.jsTypeScriptHTML5 CanvasFabric.jsHTML5CSS3JavaScript

Backend

Node.jsExpress.jsNest.jsMongoDBRESTful APIsGraphQL

DevOps & Tools

DockerCI/CD PipelineAWS/Cloud DeploymentGitWebpackTesting

🛠️ Tech Stack Summary

Frontend: React.js, Next.js, TypeScript, HTML5, CSS3, Canvas, Fabric.js

Backend: Node.js, Express.js, Nest.js, MongoDB, RESTful APIs

DevOps: Docker, CI/CD Pipelines, Cloud Deployment, Git, Testing

Work Experience

My professional journey in web development and the companies I've worked with

Current

SIGNPOST TECH INC

Full Stack Developer

Remote - Alberta, Canada
Current Position

Developing and maintaining full-stack web applications using React.js, Next.js, and TypeScript

Building interactive canvas-based applications using HTML5 Canvas and Fabric.js

Implementing responsive designs and modern UI/UX principles

Collaborating with cross-functional teams to deliver high-quality products

Optimizing application performance and ensuring scalability

Uforia Infotech Solutions

Web Developer

I-9, Islamabad
Previous Experience

Developed responsive web applications using React.js and modern JavaScript

Worked with backend technologies including Node.js and Express.js

Integrated with MongoDB databases and RESTful APIs

Participated in code reviews and followed agile development methodologies

Contributed to the improvement of development processes and workflows

5+ Years of Professional Experience

Throughout my career, I've had the opportunity to work on diverse projects, from building custom interactive web applications to developing scalable enterprise solutions. I'm always eager to take on new challenges and contribute to innovative projects.

Get In Touch

I'm always open to discussing new opportunities, interesting projects, or just having a chat about web development. Feel free to reach out!

What I Offer

🖌️ Specialized Expertise

My niche expertise lies in HTML5 Canvas and Fabric.js, where I've built advanced browser-based tools — from custom editors to real-time interactive applications — tailored for both creative and technical use cases.

Services I Provide:

  • Custom Web Application Development
  • Interactive Canvas Applications
  • Full Stack Development
  • API Development & Integration
  • Performance Optimization

Available on Fiverr

Looking for professional web development services? Check out my Fiverr profile for custom web applications and interactive solutions.

View My Fiverr Profile