Mateusz Wojczal
Verified Expert in Engineering
Software Developer
Gdańsk, Poland
Toptal member since January 13, 2017
Mateusz has been a full-stack web developer and DevOps engineer since 2005. Starting as an ActionScript expert, he gained commercial experience throughout his career coding in PHP, JavaScript, Node.js, and other older technologies before finally choosing TypeScript as a versatile language. From the beginning, Mateusz was associated with creating desktop applications and websites based on web technologies, as well as small and large-format multimedia and interactive exhibitions.
Portfolio
Experience
Availability
Preferred Environment
Git, MacOS, Docker, TypeScript, Visual Studio Code (VS Code)
The most amazing...
...application I've created is the world's first headless open source LMS with the MACH (Microservices, API-first, Cloud-native, and Headless) manifesto.
Work Experience
Founder | CTO
Wellms
- Polished the style guide and reusable components, including the bespoke theme customizer.
- Helped build a demo with source code that is ready to be forked. With headless API-first technology, it's possible to make a custom bespoke solution and integrate it with any other technology.
- Worked on this demo for developers with battle-tested technologies Laravel 9, PHP 8, Node.js, TypeScript, and React. It has a 1-click installer with both Docker and Kubernetes.
- Self-hosted and prioritized data privacy so you can watch over your data and costs. Used a ULAM headless course format with a customizable RESTful API. It's also front-end framework agnostic and designed to be integration and plugin-friendly.
- Coded 290,000 lines (2022) in 60+ public repositories on GitHub (MIT license), seven public modules on npm, 46 public modules on Packagist, four public images on Hub.docker.com, and unit, integration, end-to-end and mutation tests.
- Wrote technical documentation including VuePress page, Swagger endpoints, unit test scenarios, C4 architecture model, API references, front-end SDK, Styleguidist components, styled-component theme customizer, TypeDoc, sample codes, and tutorials.
CTO
Escola
- Reported directly to the chief executive officer (CEO); formulated a vision for how technology will be utilized within the company and outlined company goals and timelines for research and development.
- Developed technical aspects of the company's strategy to align with its business goals and ensure that the technological resources satisfied short- and long-term needs.
- Verified all technological practices adhered to regulatory standards and compliance; identified and implemented innovative technologies that yield competitive advantage; managed teams, big data, and the product lifecycle.
- Helped departments use technology profitably and mentored team members; supervised the system infrastructure to ensure functionality and efficiency; built quality assurance and data protection processes.
- Monitored KPIs and IT budgets to assess technological performance; capitalized on stakeholders' feedback to advise on necessary improvements and adjustments; communicated the tech strategy to partners and investors.
- Maintained a consumer-focused outlook, centrally on delivering IT projects to market. Made executive decisions on behalf of the company's technological requirements. Developed code for the front- and back end.
- Implemented various CMS solutions, which included reading and writing briefs and documentation, consulting on web technologies, and maintaining and leading a team of 50 developers.
- Met with clients to clarify what they want during workshops. Maintained weekly internal technical meetups about various topics with YouTube channel; designed prototypes for apps and websites.
- Provided technical support, which included designing software architecture in various formats (UML, c4, DDD, diagrams), and maintained various hosting solutions, including on-premise and the cloud.
- Designed and maintained DevOps continuous integration and deployment.
CTO | Tech Lead Consultant
Athlos Game Technologies LTD
- Audited and proposed changes with several Miro Boards, including shift left, end-to-end tests, moving to Terraform, and implementing amends to AWS configuration.
- Built new reusable infrastructure as a code (IaC) configuration that can be launched for a client in minutes instead of days. The new infrastructure was based on Amazon EKS and Terraform, CI/CD Bitbucket, documentation, and observability.
- Implemented end-to-end tests based on the whole infrastructure built from scratch during a test launch.
- Solved the challenges the client had with architecture. The problem was at the intersection of engineering productivity, data consistency, and system reliability.
Senior Front-end Developer
Vextras
- Implemented the client's bespoke state-of-art URL affiliation system.
- Worked on the client's intranet dashboard based on Laravel.
- Implemented with pixel perfection the Figma designs provided by another Toptal designer.
Founder | Team Leader | Software Developer | Entrepreneur
Qunabu Interactive
- Built an application that allows blind people to experience visual art via real-time audio descriptions.
- Created an application that efficiently and easily allows Polish students to order food for a long break.
- Developed dozens of SilverStripe and Drupal websites.
- Created applications and bespoke REST APIs documented with Swagger.
- Developed successful intranet systems for various clients.
- Implemented responsive themes for an online portfolio site, Format.com.
- Delivered content for indoor and outdoor museum exhibitions that included interactive info kiosks and games.
- Created deployment scripts and a continuous integration environment.
- Deployed various websites to Linux-based servers with Docker support.
Back-end Developer
ImpactDigital.io
- Managed processes of handling tasks with another Toptal developer.
- Created a bespoke Kanban board as an HTML5 component.
- Implemented all client requests, including various gateways for e-payments.
D3.js Developer
ISA Pride Surveys
- Created an anti-corruption layer pattern for handling the client's API data.
- Created a set of JavaScript classes to handle the client's bespoke charts.
- Implemented pixel-perfect charts using CSS, JavaScript, and SVG graphics.
Full-stack Developer
Okse
- Built a bespoke interactive website for a company using Laravel.
- Learned and used a client-proposed CMS called Statamic (based on Laravel).
- Implemented JavaScript charts and maps for the client's data visualization needs.
Web Developer
Use It Better
- Co-authored the ActionScript 3-based Use It Better framework for analytics.
- Developed award-winning creative Flash websites.
- Built an XML API to communicate between ActionScript and the server back end.
- Developed templates from Photoshop files which included converting PSD files to SWF/HTML.
- Composed deployment scripts with Ant XML and Bash.
Web Designer | Developer
Graphical House
- Developed bespoke eCommerce websites, including various eCommerce PHP scripts.
- Built bespoke CMS systems with first PHP versions and Smarty templates.
- Created XML APIs for communicating between Flash websites and PHP back ends.
- Developed Flash websites and standalone presentations.
Experience
Wellms Headless LMS
https://github.com/EscolaLMS/• Polished style guide and reusable components, including a bespoke theme customizer
• Headless API-first technology with which you can build a custom bespoke solution and integrate it with any other tech
• Made for developers with battle-tested technologies (Laravel 9+, PHP 8+, Node.js, TypeScript, React)
• 1-click installer with both Docker and Kubernetes
• Self-hosted while prioritizing data privacy; keep a constant watch over your data and your costs.
• Uses a headless open format RESTful API
• It is front-end framework agnostic
• Designed to be integration- and plugin-friendly
WELLMS STATISTICS
• 1 year+ of intense full-stack programming
• Approximately 290,000 lines of code (TypeScript and PHP 8 mostly)
• More than 60 public repositories on GitHub (MIT license)
• Seven public modules on npm
• more than 46 public modules on packagist
• Four public images on Hub.docker
• Unit, integration, end-to-end, and mutation tests (Jest, Cypress, PHPUnit, Infection)
TECHNICAL DOCUMENTATION
• VuePress page
• Swagger endpoints
• Unit test scenarios
• C4 architecture model
• API references for the front end, SDK, Styleguidist components, styled-components
• TypeDoc
• Sample codes and tutorials
Crowdhome
Each purchase under Polish law must be confirmed by a qualified signature. The application generates PDFs with legal terms that later must be signed and validated.
London Wall Database
CRM System for a Recruitment Company
The system includes:
• Continuous integration with GitLab; developed a branch that's also the building stage for testing features and master building production
• Laravel 5-based back end
• Fully documented REST API with JWT authentication
• React front end with the Ant framework
• Multi-language front end
• Reports (PDF, XLS, CSV)
• Multi-level employee access
• Comarch Optima integration
• Agreement generation based on a DOCx template and giver order, a new agreement is generated in real time with fulfilled fields
The CRM module includes the following:
• Users
• Admin
• Clients
• Projects
• Invoices
• Dictionaries
• Orders
• Tax calculators
• Reports
• File repository
• Revenue calculation
Artsee Laznia. WebRTC iBeacons Cordova
https://medium.com/qunabu-interactive/listen-to-the-art-a-story-about-making-art-visible-to-people-that-cant-see-d0edb00f3cefThe whole technology stack is based upon WebRTC, which enables peer-to-peer direct communication between people who visit the exhibition and curators that describe the art.
I did system architecture for the application based on the following:
• WebRTC for peer-to-peer communication wrapped in a Cordova mobile container
• Admin panel using Node.js, Express, and React
• JavaScript iBeacons library that was delivered by kontakt.io hardware provider
• Client application using React, Socket.IO, and WebRTC
• PWA as a feature
At the end of 2017, when progressive web apps (PWA) had matured, we added those as a feature, so now the user can experience the app without installing it on their device.
Tuszama
https://medium.com/qunabu-interactive/tuszama-case-study-meteor-js-app-7749d9eaeedaThe process of ordering food is very simple. Just create an account, choose the school, and order food. The application is available for three types of users: administrators, providers, and students.
Tuszama is connected to Płatności24 and has a subscription for account recharging.
This is a Meteor application that features:
• One line of JavaScript code in ES6 for the back- and front end
• Continuous integration features: daily PDF reports for providers
• Custom PDF and CSV reports for the given criteria
• D3.js statistical diagrams
• Cron email for providers; an email is sent one minute after the order deadline
• Three types of privileges: administrators, providers, and clients
• Daily backups
• Google Maps API address verification
• Virtual wallet
• Sophisticated order process based on each school and provider-specific deadline
• E-payments
• Cordova iOS and Android with push notifications
Bespoke D3.js Charts
The project contains the following:
• Custom HTML5 components customized by data attribute
• Fully customized (colors, dimensions, labels, etc.) charts based on the latest iteration of D3.js
• Alluvial charter
• Pee chat
• Distribution chart
• Bar chart
• Custom bespoke chart
• Bespoke slide presentation
• Deployment scripts based on npm, JSON, and PHP
Web Development Company
https://qunabu.comOkapi Cash
Bespoke D3.js Gannt Chart
It uses a CSV file for data that the client uploads with a simple Laravel back-end and an “Upload new CSV file” button. Another useful feature is that it can present different categories on a Gantt-ish timeline chart. A user can choose specific time periods as “helpers” to show the right time period such as the first quarter, next month, and so on. It also provides a popup with more detailed information when clicking on an activity.
Tabanda
https://tabanda.plFor Tabanda, I have prepared a website and shop based on Drupal with eCommerce solutions.
Website contains many bespoke implementation written from Skratch in Drupal D7 Framework.
GAK Main Page and Branches Builder
http://gak.gda.plThe main page features a calendar showing upcoming events, sorted by color depending on the branch. Next is a map with locations.
The main website contains an API that expose all the events to each branch. Every branch has a separate SilverStripe website that has a bespoke visual block composer that allows to build and style its own website.
All events information are take from the main page and the rest is maintained by the branches crew.
Gdańsk Main Library (WBPG)
http://wbpg.org.plSocial Wall
http://qunabu.com/work/social-wall/This is a SilverStripe based project.
FETA
Attendees can add files and photos, helping build the festival's presence, and the site is responsive for mobile viewing.
Kildonan Lodge Hotel
Conference Bear
http://qunabu.com/work/conference-bear-en-us/Grassomania Outdoor Games
https://youtu.be/ZqeV-xmc3CgTheatre Wybrzeze
https://teatrwybrzeze.pl/The site has a PDF creator and ZIP package (with full definition images) for press journalists.
Every Step Leaves a Trace
http://qunabu.com/work/every-step-leaves-a-traceFor the exhibition, I made a ten-minute film from start to finish and three ActionScript-based applications for touchscreen interaction.
Education
Master's Degree in IT with Economics
University of Gdańsk - Gdańsk, Poland
Certifications
Domain Driver Design Workshop
Infoshare Adacemy
Skills
Libraries/APIs
D3.js, Node.js, jQuery, Backbone.js, Handlebars, Google Maps API, REST APIs, React, Antd, Facebook API, LinkedIn API, Instagram API, Lodash, Redis Queue, YouTube API, Fabric, Experience API (xAPI), GitHub API, Stripe API, Stripe Connect, Vue, Stripe, Twilio API, WebRTC, Socket.IO, Playwright
Tools
GitLab, Shell, Composer, NPM, GitHub, PhpStorm, HipChat, Grunt, Chrome Developer Tools, Slack, Adobe Photoshop, Subversion (SVN), GitLab CI/CD, Git, Redmine, Docker Compose, GitHub Pages, Adobe Illustrator, PrestaShop, Adobe AIR, Drush, VirtualBox, MySQL Workbench, Balsamiq, Sketch, Postman, Makefile, Docker Hub, Codecov, Jira, Flash, Mathematica, Figma, Mattermost, Spreadsheets, MySQL Performance Tuning, Terraform, Bitbucket, Grafana, RabbitMQ
Languages
Flash ActionScript, JavaScript, CSS, XML, HTML, SCSS, PHP, HTML5, Sass, TypeScript, PHP 7, Bash, UML, Markdown, Java, Less
Frameworks
Laravel, PixiJS, SilverStripe, PhoneGap, Bootstrap, Smarty, .NET, Next.js, Jest, Ant Design, PHPUnit, Jasmine, Kohana, Phaser.io, Drupal Commerce, Cypress, Express.js, Angular, Ember.js, Bootstrap 3, C4 Model, Serverless Framework
Paradigms
Functional Programming, Object-oriented Programming (OOP), DevOps, Continuous Integration (CI), Continuous Delivery (CD), Unit Testing, REST, Test-driven Development (TDD), Agile, E2E Testing, GRASP, SCORM, Testing, Microservices, API Observability
Platforms
Ubuntu, Ubuntu Linux, Docker, iOS, Visual Studio Code (VS Code), Drupal, Meteor, Magento, Arduino, MacOS, Raspberry Pi, Raspbian, YouTube, Amazon Web Services (AWS), WordPress, OpenCart, UseItBetter, Statamic, Kubernetes, Blockchain, AWS Lambda
Storage
JSON, MySQL, MongoDB, PostgreSQL, Redis Cache, Amazon S3 (AWS S3), Redis, MySQL Server
Other
HTML Templates, PSD to Drupal, PSD to HTML, Cordova, Code Architecture, System Architecture, HTML5 Package (H5P), Architecture, APIs, Full-stack Development, Full-stack, Server-side Rendering (SSR), Mockups, iBeacon, Sketch to HTML, Styled-components, Storybook, Strapi, SCORM Compatibility, Streaming, xAPI, CTO, Back-office System Development, AmCharts, UML Diagrams, Code Review, PWA, Domain-driven Design (DDD), Documentation, White Box Testing, SDKs, Headless Software, Jitsi, Learning Management Systems (LMS), Integration Testing, PDF, Digital Signatures, Email Parsing, Real-time Communication (RTC), Video Chat, Peer-to-peer Networking, Server-side PDF Generation, Mobile Wallet, Reports, Amazon RDS, Infrastructure as Code (IaC), End-to-end Implementation (E2E), Prometheus, Autoscaling, Technical Leadership, Leadership
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring