<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title><![CDATA[M Hassan Ali Portfolio & Resume]]></title>
    <link>https://mhasali.com/</link>
    <description><![CDATA[Professional timeline, projects and technical updates of M Hassan Ali]]></description>
    <language>en-us</language>
    <lastBuildDate>Tue, 25 Aug 2026 23:47:14 GMT</lastBuildDate>
    <atom:link href="https://mhasali.com/feed.xml" rel="self" type="application/rss+xml" />
    
          <item>
            <title><![CDATA[M Hassan Ali | Helping businesses with emerging WebGL and WebGPU technologies.]]></title>
            <link>https://mhasali.com/</link>
            <description><![CDATA[Senior WebGL & WebGPU Developer based in Lahore, Pakistan]]></description>
            <pubDate>Mon, 01 Jun 2026 00:00:00 GMT</pubDate>
            <guid isPermaLink="true">https://mhasali.com/</guid>
          </item>
        
          <item>
            <title><![CDATA[Work: Senior Software Developer at Humble42]]></title>
            <link>https://mhasali.com/resume/#exp-0</link>
            <description><![CDATA[Role: Senior Software Developer (2 yrs)
Location: Lahore, Pakistan
Technologies: JavaScript, TypeScript, WGSL, GLSL, Three.js, WebGPU, WebGL, React, Next.js, Node.js, Turborepo

- Led the 3D side of a real time product configurator handled everything from the Three.js renderer to the React UI layer sitting on top.
- Rewrote critical rendering paths to use instancing and batching; cut draw calls significantly and brought frame rates way up on low end machines.
- Wrote custom GLSL and WGSL shaders for materials, lighting and post processing also ported a few legacy shaders from GLSL to WGSL when we started experimenting with WebGPU.
- Architected a Turborepo monorepo that connected Three.js frontends, Next.js dashboards and Node.js APIs. Cut build times and made sharing code between services trivial.
- Slash 3D asset load times by roughly half with KTX2 textures, Draco compression and a smarter client side caching strategy.]]></description>
            <pubDate>Invalid Date</pubDate>
            <guid isPermaLink="true">https://mhasali.com/resume/#exp-0</guid>
          </item>
        
          <item>
            <title><![CDATA[Work: Senior Software Developer at Virtual Days]]></title>
            <link>https://mhasali.com/resume/#exp-1</link>
            <description><![CDATA[Role: Senior Software Developer (1 yr 6 mos)
Location: Remote (Sweden)
Technologies: JavaScript, TypeScript, GLSL, PlayCanvas, WebGL, WebGPU, React, Colyseus, Node.js

- Built a browser based virtual meetup platform, think Zoom but with 3D spaces where people actually wanted to hang out.
- Wrote GLSL shaders from scratch for dynamic lighting, skyboxes and interactive objects across the PlayCanvas scene.
- Designed the multiplayer sync layer with Colyseus and WebSockets; handled concurrent users with smooth position/rotation interpolation.
- Wrapped the 3D view in a React shell and made sure the canvas didn't choke the UI thread resizing, rerendering and responsiveness all felt native.
- Knocked 30% off initial load time by compressing textures and lazy loading assets based on a user's proximity in the 3D space.]]></description>
            <pubDate>Invalid Date</pubDate>
            <guid isPermaLink="true">https://mhasali.com/resume/#exp-1</guid>
          </item>
        
          <item>
            <title><![CDATA[Work: Software Developer / Associate Software Developer / Software Developer Intern at Geniteam Solutions]]></title>
            <link>https://mhasali.com/resume/#exp-2</link>
            <description><![CDATA[Role: Software Developer / Associate Software Developer / Software Developer Intern (1 yr 7 mos)
Location: Lahore, Pakistan
Technologies: JavaScript, TypeScript, GLSL, PlayCanvas, WebGL, Phaser, Cocos Creator, React, Next.js, Node.js, Express.js, Colyseus, Photon

- [Software Developer] Shipped multiplayer HTML5 games with PlayCanvas and Phaser. Handled real time networking via Colyseus and Photon.
- [Software Developer] Built admin dashboards with Next.js and Express to manage game sessions, leaderboards and player analytics. Used MongoDB for persistence and Redis for caching real time session data.
- [Software Developer] Debugged physics and rendering for both 2D and 3D browser titles.
- [Associate Software Developer] Developed 3D product configurators for e‑commerce clients users could swap colors, materials and lighting in real time.
- [Associate Software Developer] Profiled frame rates with Chrome DevTools and Spector.js. Reorganized scene graphs and merged static geometry to slash draw calls.
- [Associate Software Developer] Built procedural mesh generation so products could be customized on the fly while they can change dimensions, add or remove parts, all at runtime.
- [Associate Software Developer] Performed performance analytics (FPS, load time, memory usage) so we could catch regressions before they reached production.
- [Software Developer Intern] Contributed to game features across multiple browser titles handling player controls, collision responses and interactive object behaviors in both 2D and 3D scenes.
- [Software Developer Intern] Worked on gameplay systems like checkpoints, collectibles and camera transitions. Also refactored asset loading so levels assets could be managed.
- [Software Developer Intern] Worked on core game features for browser based titles and implemented power up pickups, player respawn logic and in game score tracking using PlayCanvas and Phaser.
- [Software Developer Intern] Helped build and tweak game mechanics like player movement, jump physics and enemy AI behavior. Also fixed edge case bugs that were breaking level progression.]]></description>
            <pubDate>Invalid Date</pubDate>
            <guid isPermaLink="true">https://mhasali.com/resume/#exp-2</guid>
          </item>
        
          <item>
            <title><![CDATA[Work: Web Developer Intern at Fauji Fertilizer Company]]></title>
            <link>https://mhasali.com/resume/#exp-3</link>
            <description><![CDATA[Role: Web Developer Intern (2 mos)
Location: Sadiqabad, Pakistan
Technologies: JavaScript, React, Vue

- Built internal dashboards with React and Vue.js, hooking them up to REST APIs for displaying enterprise data.
- Focused on responsive layouts, form validation and making sure everything looked consistent across screen sizes.]]></description>
            <pubDate>Invalid Date</pubDate>
            <guid isPermaLink="true">https://mhasali.com/resume/#exp-3</guid>
          </item>
        
          <item>
            <title><![CDATA[Project: interactive 2D/3D Product Configurator]]></title>
            <link>https://mhasali.com/project/#interactive-2d/3d-product-configurator</link>
            <description><![CDATA[A web-based 3D product configurator that allows users to customize windows, rings and lighting setups in real-time with hardware-accelerated WebGL rendering. Built for enterprise clients to showcase their products interactively.
Languages: TypeScript, JavaScript
Technologies: Three.js, WebGL, React.js, Next.js, Node.js, Express.js, Blender, GLTF Pipeline
- Real-time 3D rendering with smooth 60 FPS performance
- Customizable product options with live price updates
- Responsive design optimized for desktop and mobile devices
- Asset streaming optimization reduced load times by 60%]]></description>
            <pubDate>Wed, 01 Jan 2025 00:00:00 GMT</pubDate>
            <guid isPermaLink="true">https://mhasali.com/project/#interactive-2d/3d-product-configurator</guid>
          </item>
        
          <item>
            <title><![CDATA[Project: Corporate Training Simulation Platform]]></title>
            <link>https://mhasali.com/project/#corporate-training-simulation-platform</link>
            <description><![CDATA[A comprehensive business training platform featuring multiple interactive games designed to develop team collaboration, strategic thinking and decision-making skills for corporate leadership programs.
Languages: TypeScript, JavaScript
Technologies: PlayCanvas, Phaser, Cocos Creator, React.js, Next.js, Node.js, Express.js, Firebase, MongoDB, Colyseus, Photon
- Multiplayer game environments with real-time synchronization
- Live administrative dashboards for monitoring team performance
- Comprehensive analytics and reporting for management
- Scalable architecture supporting 100+ concurrent users]]></description>
            <pubDate>Wed, 01 Jan 2025 00:00:00 GMT</pubDate>
            <guid isPermaLink="true">https://mhasali.com/project/#corporate-training-simulation-platform</guid>
          </item>
        
          <item>
            <title><![CDATA[Project: 3D Virtual Museum Experience]]></title>
            <link>https://mhasali.com/project/#3d-virtual-museum-experience</link>
            <description><![CDATA[An immersive 3D virtual museum built for a major corporate client, featuring interactive exhibits, custom avatars and real-time multiplayer navigation. Designed to showcase cultural heritage in an engaging digital format.
Languages: JavaScript, TypeScript
Technologies: PlayCanvas, Three.js, React.js, Node.js, Colyseus
- Fully navigable 3D environment with interactive exhibits
- Custom avatar system with expression controls
- Real-time multiplayer with voice chat support
- Optimized asset loading for smooth performance]]></description>
            <pubDate>Wed, 01 Jan 2025 00:00:00 GMT</pubDate>
            <guid isPermaLink="true">https://mhasali.com/project/#3d-virtual-museum-experience</guid>
          </item>
        
          <item>
            <title><![CDATA[Project: Enterprise Admin Dashboard Suite]]></title>
            <link>https://mhasali.com/project/#enterprise-admin-dashboard-suite</link>
            <description><![CDATA[A collection of 10+ administrative dashboards built for multinational corporations to monitor employee performance, training progress and generate detailed analytical reports across multiple departments.
Languages: TypeScript, JavaScript
Technologies: React.js, Next.js, Chart.js, D3.js, Node.js, Express.js, Next.js API Routes, MongoDB, Firebase, PostgreSQL, Socket.io, WebSockets
- Real-time data visualization with interactive charts
- Role-based access control and permissions
- Export functionality for PDF and Excel reports
- Responsive design for cross-device compatibility]]></description>
            <pubDate>Wed, 01 Jan 2025 00:00:00 GMT</pubDate>
            <guid isPermaLink="true">https://mhasali.com/project/#enterprise-admin-dashboard-suite</guid>
          </item>
        
          <item>
            <title><![CDATA[Project: Telegram Mini-Game Framework]]></title>
            <link>https://mhasali.com/project/#telegram-mini-game-framework</link>
            <description><![CDATA[A lightweight game framework designed for Telegram mini-games, featuring fast loading, minimal bundle size and seamless integration with Telegram's gaming platform.
Languages: JavaScript, TypeScript
Technologies: Phaser, PixiJS, React.js, HTML5 Canvas, Node.js, Cloud Functions
- Ultra-lightweight games under 2MB bundle size
- Fast loading optimized for mobile networks
- Telegram Web App API integration
- Score tracking and leaderboard systems]]></description>
            <pubDate>Wed, 01 Jan 2025 00:00:00 GMT</pubDate>
            <guid isPermaLink="true">https://mhasali.com/project/#telegram-mini-game-framework</guid>
          </item>
        
          <item>
            <title><![CDATA[Project: 10+ Dashboards]]></title>
            <link>https://mhasali.com/project/#category-0</link>
            <description><![CDATA[Designed and managed administrative web control centers for multinational companies, giving company leaders an immediate, real-time overview of individual employee performance, live training game progress and detailed analytical reports across multiple departments.
Technologies: React.js, Next.js, Node.js, Express.js, Next.js, MongoDB, Firebase]]></description>
            <pubDate>Wed, 01 Jan 2025 00:00:00 GMT</pubDate>
            <guid isPermaLink="true">https://mhasali.com/project/#category-0</guid>
          </item>
        
          <item>
            <title><![CDATA[Project: 15+ Games]]></title>
            <link>https://mhasali.com/project/#category-1</link>
            <description><![CDATA[Created interactive digital games, ranging from professional corporate training simulations to casual and fun games played on web browsers. This included multiplayer team-building challenges for global brands as well as engaging learning games for educational platforms.
Technologies: PlayCanvas, Cocos Creator, Phaser, Three.js, Node.js, Photon, Colyseus, React.js, Next.js]]></description>
            <pubDate>Wed, 01 Jan 2025 00:00:00 GMT</pubDate>
            <guid isPermaLink="true">https://mhasali.com/project/#category-1</guid>
          </item>
        
          <item>
            <title><![CDATA[Project: 5+ Configurators]]></title>
            <link>https://mhasali.com/project/#category-2</link>
            <description><![CDATA[Developed interactive customization tools that allowed users to visually design and alter products directly on a company's website. Customers could easily change options for items like custom jewelry rings, home windows, lighting setups, or entire room layouts.
Technologies: Three.js, PlayCanvas, WebGL, React.js, Next.js, Node.js, Express.js]]></description>
            <pubDate>Wed, 01 Jan 2025 00:00:00 GMT</pubDate>
            <guid isPermaLink="true">https://mhasali.com/project/#category-2</guid>
          </item>
        
          <item>
            <title><![CDATA[Project: Freelancing Projects]]></title>
            <link>https://mhasali.com/project/#category-3</link>
            <description><![CDATA[I've completed freelance projects for clients across different platforms. Alongside building things from scratch, I've spent a fair amount of time fixing bugs and customizing plugins.]]></description>
            <pubDate>Wed, 01 Jan 2025 00:00:00 GMT</pubDate>
            <guid isPermaLink="true">https://mhasali.com/project/#category-3</guid>
          </item>
        
          <item>
            <title><![CDATA[Project: Personal Project]]></title>
            <link>https://mhasali.com/project/#category-4</link>
            <description><![CDATA[A mix of side projects in my spare time.

- Created some extensions for personal works]]></description>
            <pubDate>Wed, 01 Jan 2025 00:00:00 GMT</pubDate>
            <guid isPermaLink="true">https://mhasali.com/project/#category-4</guid>
          </item>
        
          <item>
            <title><![CDATA[Project: Final Year Project]]></title>
            <link>https://mhasali.com/project/#category-5</link>
            <description><![CDATA[Built a voice to text tool for Microsoft Word with a team of four. We used Python, TensorFlow, Keras and NumPy to train the speech to text model. We built a custom C# add in that types and formats the document directly in Word as you speak. We connected the two sides together using named pipes, allowing the Python AI and the C# add in to instantly send text back and forth behind the scenes.]]></description>
            <pubDate>Wed, 01 Jan 2025 00:00:00 GMT</pubDate>
            <guid isPermaLink="true">https://mhasali.com/project/#category-5</guid>
          </item>
        
          <item>
            <title><![CDATA[Project: University Assignments]]></title>
            <link>https://mhasali.com/project/#category-6</link>
            <description><![CDATA[A selection of assignments completed across various university courses:

- Developed a full stack Facebook clone using a C# backend and a React frontend.
- Created a restaurant management system utilizing Java with a React frontend.
- Built a machine learning algorithm using TensorFlow, Keras, NumPy and Python to accurately classify different species of birds.
- Created an interactive digital Paint Brush tool in C++ using object oriented programming.
- Designed and implemented a Digital Logic Design (DLD) Calculator.
- Developed a fully functional Chess game in C++ and a low level text based game in Assembly language.
- Developed an interactive chatbot application.]]></description>
            <pubDate>Wed, 01 Jan 2025 00:00:00 GMT</pubDate>
            <guid isPermaLink="true">https://mhasali.com/project/#category-6</guid>
          </item>
        
  </channel>
</rss>