# Muhammad Hassan Ali - Portfolio & Knowledge Base URL: https://mhasali.com Email: mhasali@proton.me GitHub: https://github.com/mhasali LinkedIn: https://www.linkedin.com/in/mhasali ## Summary Senior Full-Stack & 3D Graphics Engineer based in Lahore, Pakistan. --- ## Corporate Highlights * Shipped 10+ custom full-stack web applications and MVPs for global clients. * Engineered real-time state synchronization, cutting web data usage by 40%. * Optimized 3D asset streaming pipelines, reducing website load times by 60%. * Experienced remote collaborator across United States and European time zones. --- ## Personal Statement ### Background My programming journey began in 2014 during my ICS studies when I built a simple Snake game in C++. That early spark of curiosity completely changed my path and turned a fun hobby into a deep passion for software engineering. Over the past 3.5+ years of professional experience, I have focused on building reliable web architectures and interactive 2D/3D graphics pipelines for international clients and corporate software firms. ### Objective I am deeply passionate about building the foundations of impactful products, blending full-stack engineering with interactive graphics in high-scale, remote environments. --- ## Technical Stack & Skills * **Languages:** TypeScript, JavaScript * **Frontend:** React, Next * **Backend:** Node, Next * **Multiplayer:** Colyseus, Photon * **3D & 2D:** Three, PlayCanvas, Cocos Creator, Phaser, WebGL, GLSL Shaders * **Databases:** MongoDB, Firebase ### Core Skill Links * JavaScript: https://developer.mozilla.org/en-US/docs/Web/JavaScript * TypeScript: https://www.typescriptlang.org/ * Node: https://nodejs.org/ * Next: https://nextjs.org/ * React: https://react.dev/ * Vue: https://vuejs.org/ * PlayCanvas: https://playcanvas.com/ * Three: https://threejs.org/ * Cocos Creator: https://www.cocos.com/ * Phaser: https://phaser.io/ * MongoDB: https://www.mongodb.com/ * Firebase: https://firebase.google.com/ * Colyseus: https://colyseus.io/ * Photon: https://www.photonengine.com/ --- ## Professional Experience ### Independent Freelancer | Senior Full-Stack & 3D WebGL Engineer *Jan 2025 - May 2025 | Lahore, Pakistan* * Built 3D product tools (windows, lights, rings) and added them smoothly into web pages. * Developed backend services and REST APIs to easily manage and share app data. * Improved games and configurators reducing mobile data usage by 40%. * Upgraded server responses, which dropped core API wait times by 30%. * Cleaned up graphics code to reduce the application's memory usage by 25%. ### ThreeDee | Senior Software Engineer (Contract) *July 2024 - Dec 2024 | Remote (Lahore)* * **Languages & Tools:** JavaScript, TypeScript, React, Next, Node, Three, Phaser * Designed and built core game features and 3D product tools used to help clients plan layouts. * Managed a shared codebase that powered Telegram games, web dashboards, and backend services. * Programmed WebGL graphics pipelines, keeping performance at a smooth and steady 60 FPS. * Reduced app download size by 30% through asset organization and code-splitting. ### Virtual Days | Senior Software Engineer *Dec 2022 - May 2024 | Remote (Sweden)* * **Languages & Tools:** JavaScript, TypeScript, React, Three, PlayCanvas, Colyseus * Planned and developed a 3D virtual meet-up platform to give business clients interactive digital spaces. * Built a real-time multiplayer system to handle room traffic and user actions smoothly. * Simplified complex React code to make enterprise portals much easier to navigate and maintain. * Built customer-facing prototypes and successfully released those updates into the live app. * Managed automated tests to catch bugs early, improving overall product quality by 40%. ### Geniteam Solutions | Software Engineer *May 2021 - Nov 2022 | Lahore, Pakistan* * **Languages & Tools:** JavaScript, TypeScript, PlayCanvas, Phaser, Cocos Creator, WebGL, React, Next, Node, Express, Colyseus, Photon * Created interactive 3D virtual museums and fun onboarding apps for major clients. * Built real-time multiplayer networking features for 2D & 3D environments. * Designed full-stack admin dashboards and data tools. * Added automated testing, bumping up test coverage by 40% to catch software bugs much earlier. * Improved heavy backend data processing, speeding up overall server response times by 25%. ### Independent Freelancer | Freelance Software Developer *Sep 2019 - Aug 2020 | Lahore, Pakistan* * Delivered 10+ MVPs for international clients, providing rapid prototyping and full-stack development. * Focused on creating clean, responsive frontends and modular user interfaces. * Maintained a strong track record of client satisfaction by hitting deadlines, fixing bugs, and communicating clearly. ### Fauji Fertilizer Company | Web Developer Intern (Summer) *Jul 2019 - Aug 2019 | Sadiqabad, Pakistan* * **Languages & Tools:** JavaScript, React, Vue * Built responsive frontend layouts and interactive components. * Tracked down and fixed tricky UI rendering bugs to clean up the overall look and feel. * Connected frontend dashboards to internal APIs and troubleshot broken operational workflows. --- ## Projects ### 10+ Dashboards 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. * **Tools:** React.js, Next.js, Node.js, Express.js, Next.js, MongoDB, Firebase ### 15+ Games 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. * **Tools:** PlayCanvas, Cocos Creator, Phaser, Three.js, Node.js, Photon, Colyseus, React.js, Next.js ### 5+ Configurators 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. * **Tools:** Three.js, PlayCanvas, WebGL, React.js, Next.js, Node.js, Express.js ### 20+ Freelancing Projects 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. ### Final Year Project 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. ### University Project 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. * Engineered an interactive chatbot application. ### Personal Project A mix of side projects in my spare time. * Created some extensions for personal works --- ## Education ### Bachelor of Science (Computer Science) *National University of Computer and Emerging Sciences (FAST-NUCES)* *2016 - 2021* ### Intermediate in Computer Science *Cadet College Choa Saiden Shah Chakwal (CCCSS)* *2014 - 2016* ### Matric (Computer Science) *Sheikh Zayed Higher Secondary School* *2012 - 2014* --- ## FAQ & Knowledge Base ### Who is Muhammad Hassan Ali? Muhammad Hassan Ali is a Senior Software Engineer from Lahore, Pakistan, with 3.5+ years of experience specializing in full-stack web architectures and high-performance interactive interfaces. ### Where is Muhammad Hassan Ali based? Hassan works remotely from Lahore, Pakistan, collaborating with teams in Sweden, Europe and United States across global time zones. ### What does Muhammad Hassan Ali do? He builds scalable frontend and backend architectures using React, Next, TypeScript, and Node. He specializes in bridging the gap between traditional web systems and interactive product configurators and games. ### What unique edge does he bring to web development? Beyond classic web apps, he has deep production expertise in rendering hardware-accelerated 2D and 3D graphics using Phaser, Three, and PlayCanvas, ensuring high-performance asset streaming and smooth 60 FPS execution. ### What companies has Muhammad Hassan Ali worked for? He has engineered core systems for tech firms including ThreeDee, Virtual Days, and Geniteam Solutions, and has independently delivered over 10 production-ready full-stack MVPs for international clients. ### Is Muhammad Hassan Ali available for remote work? Yes, he is available for long-term remote roles. He has 2+ years of remote experience working across US and European time zones and integrates smoothly into agile development teams.