Marc-Stefan is available for hire

Marc-Stefan Cassola

Verified Expert in Engineering

3D Graphics Developer

Location

Buzanada, Spain

Toptal Member Since

September 11, 2015

Marc-Stefan is a skilled software engineer with 20 years of experience developing web applications with a strong focus on the front end in Vue.js and 3D graphics in Three.js. He is an excellent team player, passionate about elegant, high-quality code.

Web Development Front-end User Interface (UI)User Experience (UX)CSS3 Animation CSS Web Forms REST APIs HTML5 Python WebGL Vue Sass Jinja Model View Viewmodel (MVVM)

Portfolio

Synphonyte

3D Graphics, Three.js, Vue, TypeScript, Rust, WebAssembly, JavaScript, HTML...

Self-employed

jQuery, AngularJS, Meteor, Node.js, JavaScript, Python, CSS, HTML, Crypto...

Südsicht

C#, Unity3D, PHP, WordPress, jQuery, Django, Python, CSS, JavaScript, HTML...

Experience

JavaScript - 16 years 3D Graphics - 10 years Python - 8 years Vue - 7 years TypeScript - 6 years Three.js - 6 years Unity3D - 2 years OpenCV - 2 years

Availability

Part-time

Preferred Environment

Git, MacOS, JetBrains, Trello

The most amazing...

...thing I've coded was a cutting-edge medical imaging app for 3D computer tomography all running in real-time in a web browser.

Work Experience

Lead Engineer

2016 - 2022

Synphonyte

Designed the UI and the architecture of a browser-based computer tomography application in Three.js and Vue.js.
Built a proof of concept to see if it could be done performance-wise, proving feasible. Our app was even faster than many competing desktop apps.
Grew a team around this app, and we kept adding features with a strong emphasis on UX and performance.

Technologies: 3D Graphics, Three.js, Vue, TypeScript, Rust, WebAssembly, JavaScript, HTML, CSS, Amazon Web Services (AWS), Puppeteer, Single-page Applications (SPA), 3D Modeling, 3D Rendering, 3D Math, 3D CAD, 3D, Affinity Designer, Affinity Photo, APIs, Dental Care, Medtech, Medicine, Medical Imaging, Medical Illustration, Algorithms, Data Analysis, Tailwind CSS, Chrome Extensions, GitLab, Web Development, Data Visualization, DevOps, Full-stack Development, Web Forms, DOM, PostgreSQL, User Experience (UX), Charts, React, Tables, Optimization, SQL, Object-relational Mapping (ORM), HTML5, API Integration, Text Manipulation Algorithms, Full-stack, Architecture, Software Design, Headless Commerce, Next.js, 3D Animation, GLSL, Nuxt.js, GitHub, CSS3 Animation, Docker Hub, Mathematics, Performance

Full-stack Engineer

2015 - 2016

Self-employed

Created a natural language processing back-end for a task management service in Node.js/Sails.
Built an interactive image plotting service with real-time collaboration in Meteor and Angular.
Designed and built a cryptocurrency price tracker with integrated real-time API.

Technologies: jQuery, AngularJS, Meteor, Node.js, JavaScript, Python, CSS, HTML, Crypto, Redis, Docker, Web Development, Data Visualization, DevOps, Full-stack Development, Web Forms, DOM, PostgreSQL, User Experience (UX), Charts, SQL, Object-relational Mapping (ORM), HTML5, API Integration, Cross-platform App Development, Mobile App Development, Full-stack, Android, Firebase, Architecture, Software Design, 3D Animation, Nuxt.js, GitHub, CSS3 Animation, Mathematics, Performance

Software Engineer

2008 - 2016

Südsicht

Created a simple building game using Unity3D and C#.
Developed an interactive product selection web app with complex data dependencies in Django and Python.
Wrote an eCommerce payment plugin for a specific bank in PHP.
Composed a simple knowledge base system with an extremely high focus on usability in Django and Python.
Created a custom web-based ERP system in Python and Django with ODBC (Open Database Connectivity) integration.

Technologies: C#, Unity3D, PHP, WordPress, jQuery, Django, Python, CSS, JavaScript, HTML, Web Development, Data Visualization, Full-stack Development, Web Forms, DOM, PostgreSQL, User Experience (UX), Tables, Optimization, SQL, Object-relational Mapping (ORM), HTML5, API Integration, Cross-platform App Development, Full-stack, Architecture, Software Design, 3D Animation, GitHub, Less, CSS3 Animation

Research Assistant

2013 - 2014

Fraunhofer Institute, Ettlingen

Created a real-time person re-identification algorithm in C++ and OpenCV.
Visualized research results in Python. I used this to write my master's thesis.
Used OpenMP to parallelize and improve the performance of complex algorithms.

Technologies: Python, OpenCV, C++, Data Analysis, Data Visualization, Optimization, API Integration, C, GitHub, Mathematics, Performance

Experience

Student and Exam Management Software

Efficiently manages students, exams, and lots of certificates with a Java/Swing front-end, a PostgreSQL back-end, and a MS Word ODBC connection.

iOS Audio Recording App

An app for a medical documentation system using speed recognition. Written in Objective-C and SQLite.

Custom Web-based ERP System

This enabled the customer to tightly integrate his special workflow into an ERP designed for his needs. Done in Python, Django, and MooTools.

Interactive 3D Product Viewer

A blender exporter in Python and a JavaScript viewer to interactively display 3D product renderings.

Unity Plugin Dependency Manager

A graphical editor that allows users to easily create dependency graphs like tech trees, skill trees and the like and classes that make using these graphs in-game a breeze.

iOS App for Automatic Size Estimation of Boxes from Images

The app estimates a boxes dimensions from multiple photos using OpenCV optical flow and a structure from motion algorithm together with a custom designed box fitting algorithm in PCL using machine learning principles.

Unity Painting Game

An advertising game that allows the user to paint outside and inside of a house using different painting devices like brushes, rollers, and sprayers.

It is built in Unity, C#, and PlayMaker with a custom shader for the actual painting.

Real-time Ether Price Tracker

Web-based weighted average price tracker for the crypto-currency Ether. Microservices written in Python and deployed with Docker to connect to various real-time exchange APIs to continuously update a weighted average price.

Medical/Dental Imaging App (Web-based)

I designed the UI and the architecture of a browser-based computer tomography application written in Three.js and Vue. This dental imaging app has tooth geometry reconstruction as one of the many modeling and geometry construction tasks.
I built a proof of concept to see if it could be done performance-wise, proving feasible. Our app was even faster than many competing desktop apps.
Then, I grew a team around this app, and we kept adding features with a strong emphasis on UX and performance.
I used and developed advanced 3D math and geometry algorithms, partially in TypeScript and partially in Rust, to implement a variety of imaging and diagnostic tools.
On top of that, many custom shaders in GLSL were needed to do everything from volumetric rendering and slicing to image postprocessing.

High-performance Collaborative Drawing

https://mobeus.com/

I developed and optimized the drawing feature as part of a collaboration and presentation application in Angular, TypeScript, and Electron. It included an advanced glow in real-time, automatic line smoothing, and the ability to draw non-English letters.

For maximum speed, it was written with TypeScript and Rust/WebAssembly using WebGL.

Skills

Languages

Python, JavaScript, TypeScript, CSS, HTML, SCSS, Sass, HTML5, GLSL, Java, SQL, C++, Less, PHP, Swift, XSLT, Objective-C, CoffeeScript, XML, C#, C, Rust, Go, GraphQL, HLSL

Frameworks

Django, Jinja, Unity, Unity3D, Nuxt.js, Electron, AngularJS, Django REST Framework, Qt, Flask, Tailwind CSS, Express.js, gRPC, Angular, Next.js

Libraries/APIs

WebGL, Three.js, Vue, Vuex, REST APIs, Web API, OpenCV, MooTools, jQuery, NumPy, Scikit-learn, Node.js, Pusher, Pandas, OpenGL, PyQt, Eclipse SWT, Underscore.js, Facebook API, Restangular, Matplotlib, SciPy, Eigen, PCL, Puppeteer, Protobuf, Socket.IO, React, AWS Amplify

Tools

Canvas, Canvas 2D, Inkscape, PyCharm, IPython Notebook, Blender, GitHub, JetBrains, Git, Docker Compose, Affinity Photo, Affinity Designer, Trello, GitLab, GitLab CI/CD, Figma, Webpack, Docker Hub

Paradigms

Model View Viewmodel (MVVM), REST, Responsive Layout, Object-oriented Programming (OOP), Object-relational Mapping (ORM), Microservices, Behavior-driven Development (BDD), Compiler Design, UI Design, Web UI Design, DevOps

Storage

Web Forms, PostgreSQL, JSON, Docker Cloud, Redis, Amazon S3 (AWS S3), NoSQL, SQLite, MySQL, MongoDB

Other

3D Graphics, Single-page Applications (SPA), Web MVC, APIs, Front-end, Front-end Architecture, User Interface (UI), User Experience (UX), 3D, 3D Math, Canvas 3D, Front-end Development, Responsive Web Apps, Architecture, Web Development, Minimum Viable Product (MVP), DOM, Charts, Optimization, API Integration, Software Design, Startups, 3D Animation, CSS3 Animation, Mathematics, Performance, Machine Learning, Computer Graphics, Computer Vision, Ajax, Full-stack, 3D Modeling, Data Visualization, Financial Data, Data Analysis, Chrome Extensions, Full-stack Development, Chromium, Tables, Text Manipulation Algorithms, Cross-platform App Development, Mobile App Development, 3D Games, Leadership, Modeling, Video Compression, Color Grading, Video Editing, Cryptocurrency, Time Series, Wamp, WebSockets, OCR, Tornado, QGIS, Ceres, WebAssembly, Crypto, Amazon RDS, 3D CAD, Fintech, Bitcoin, 3D Rendering, Dental Care, Medtech, Medicine, Medical Imaging, Medical Illustration, Algorithms, Matrix Algebra, Linear Algebra, Computer Science, Shaders, SVG, Unity Shaders, PlayMaker, 3D Architecture, 2D, Headless Commerce

Platforms

WordPress, Docker, Amazon EC2, MacOS, iOS, Meteor, Amazon Web Services (AWS), Linux, Android, Firebase

Education

2001 - 2014

Master's Level Degree in Computer Science

Karlsruhe Institute of Technology - Karlsruhe, Germany