Marc-Stefan Cassola, Developer in Buzanada, Spain

Marc-Stefan Cassola

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.

Marc-Stefan is available for hire
Hire Marc-Stefan

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 years3D Graphics - 10 yearsPython - 8 yearsVue - 7 yearsTypeScript - 6 yearsThree.js - 6 yearsUnity3D - 2 yearsOpenCV - 2 years

Location

Buzanada, Spain

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

2016 - 2022

Lead Engineer

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
2015 - 2016

Full-stack Engineer

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
2008 - 2016

Software Engineer

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
2013 - 2014

Research Assistant

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

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