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

Marc-Stefan Cassola

Verified Expert  in Engineering

Bio

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 (Wasm), JavaScript...
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 (Wasm), 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

This software efficiently manages students, exams, and certificates with a Java Swing front end, a PostgreSQL back end, and an MS Word ODBC connection. I planned, developed, and maintained the project over several years.

Custom Web-based ERP System

This system enables the customer to tightly integrate his special workflow into an ERP designed for his needs. It was created using Python, Django, and MooTools.

Later, a stock tracking app was developed with Vue. I have been serving as the architect and lead developer for more than a decade. This is still actively used by customers.

Interactive 3D Product Viewer

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

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.

Customer Portal

A full-stack Rust-based portal for their customers to see events planned, download press material, and order products.

I was the architect and team lead of a small team that custom-developed this portal to client specifications. This allowed them to streamline their ordering process and give clients more professional-looking access to perks.

Science App for Deep Systems Analysis

A desktop app based on Bevy (Rust) that allows system scientists to graphically analyze any kind of system. The focus was to make it as intuitive as possible while enabling deep nesting of graphical elements with infinite zoom.
2001 - 2014

Master's Level Degree in Computer Science

Karlsruhe Institute of Technology - Karlsruhe, Germany

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, WebGPU, WebGPU Shading Language (WGSL), Auth, ODBC

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

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

Frameworks

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

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

Platforms

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

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, Physics, 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 (Wasm), 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, Rapier, Axum, Sqlx, Graphics, 2D Graphics, Bevy, Analysis, Interactive UI, Vector Design

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