Marc-Stefan Cassola, Developer in Buzanada, Spain
Marc-Stefan is available for hire
Hire Marc-Stefan

Marc-Stefan Cassola

Verified Expert  in Engineering

Computer 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.

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

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 - PRESENT
Synphonyte
  • Designed the UI and the architecture of a browser-based computer tomography application in Three.js and Vue.
  • 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, Blender

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, Blender

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

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.

3D Orthodontist App

https://www.linkedin.com/company/clevaligner/about/
A set of Three.js and Vue-based web apps that allow an orthodontist to go from a 3D-scanned point cloud of the teeth and gums to a finished treatment plan for misaligned teeth.

I implemented various complex UI elements and several 3D visualizations. On top of that, I developed a real-time mesh generation algorithm for gums from only the teeth as input. This was done with Rust compiled into WebAssembly.

Languages

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

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

2001 - 2014

Master's Level Degree in Computer Science

Karlsruhe Institute of Technology - Karlsruhe, Germany

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring