Adil Rabbani is a Full Stack Developer with 10 years of experience, currently building PreonDock at Fifty2 Technology in Freiburg, where he focuses on browser-based 3D visualization, performance bottlenecks, and real-time data delivery using Three.js, Angular, TypeScript and Django Channels. He holds an MS in Computer Science with a specialization in Computer Graphics from the University of Freiburg and brings a strong practical grounding in geometry-heavy WebGL work. Adil contributed to p5.js and the Processing ecosystem through Google Summer of Code, implementing missing WebGL primitives and improving drawing and blending behavior—work that surfaces in educational and creative coding contexts. He’s comfortable refactoring legacy stacks and optimizing data pipelines for interactive simulations, having ported prototypes from Flask/JS to a robust Angular/TypeScript + Django architecture. Beyond production features, he combines a designer’s attention to detail ("crafting something meaningful, one pixel at a time") with systems thinking, often tackling hard trade-offs between fidelity and browser performance. His portfolio reflects both interactive demos and the engineering mindset for turning complex graphics problems into usable web tools.
10 years of coding experience
4 years of employment as a software developer
Master of Science - MS, Computer Science, Master of Science - MS, Computer Science at The University of Freiburg
Bachelor of Science - BS, Computer Science, Bachelor of Science - BS, Computer Science at National University of Sciences and Technology (NUST)
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —
Role in this project:
Front-end Developer
Contributions:31 commits, 39 PRs, 10 pushes in 1 year 2 months
Contributions summary:Adil primarily focused on improving the p5.js library's functionality by updating and expanding example code within the vertex, bezierVertex, quadraticVertex, and curveVertex methods. They added new examples demonstrating various shapes and drawing techniques, including WebGL shapes, enhancing the educational value and usability of the library. Furthermore, the user addressed a WebGL arc drawing issue and made adjustments to enhance alpha blending in WebGL points.
Contributions:124 pushes, 1 branch in 3 years 8 months
cssjavascriptreact
Find and Hire Top DevelopersWe’ve analyzed the programming source code of over 60 million software developers on GitHub and scored them by 50,000 skills. Sign-up on Prog,AI to search for software developers.
Request Free Trial
Adil Rabbani - Full Stack Developer at FIFTY2 Technology GmbH