Mateusz Wojczal, Developer in Gdańsk, Poland
Mateusz is available for hire
Hire Mateusz

Mateusz Wojczal

Verified Expert  in Engineering

Software Developer

Location
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

Wellms
SDKs, GitHub API, GitHub, GitHub Pages, NPM, Headless Software, Stripe API...
Escola
C4 Model, Code Architecture, UML Diagrams, Continuous Delivery (CD)...
Vextras
HTML, CSS, jQuery, JavaScript, Bootstrap 3, Laravel, Less, Figma...

Experience

Availability

Part-time

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

2021 - PRESENT
Wellms
  • Polished the style guide and reusable components, including the bespoke theme customizer.
  • Helped to build a demo with source code ready to be forked. With headless API-first technology, it's possible to build a custom bespoke solution and integrate it with any other technology.
  • Worked on this demo made for developers with battle-tested technologies Laravel 9, PHP 8, Node.js, TypeScript, and React. It has a one-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.
Technologies: SDKs, GitHub API, GitHub, GitHub Pages, NPM, Headless Software, Stripe API, Stripe Connect, Jitsi, Mattermost, Redis, PostgreSQL, MySQL, PHP, Code Review, Learning Management Systems (LMS), TypeScript, APIs, JavaScript, Git, HTML, React, Node.js, Next.js, Amazon S3 (AWS S3), Full-stack Development, Jira, Amazon Web Services (AWS), Docker, Kubernetes, Microservices, REST, Test-driven Development (TDD), CTO, Architecture, JSON, DevOps, Express.js, Full-stack, Server-side Rendering (SSR)

CTO

2019 - PRESENT
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.
Technologies: C4 Model, Code Architecture, UML Diagrams, Continuous Delivery (CD), Continuous Integration (CI), Code Review, GitHub, GitLab CI/CD, Docker, Kubernetes, PWA, Laravel, Next.js, React, PHP, Domain-driven Design (DDD), Testing, Documentation, Mattermost, HTML Templates, TypeScript, APIs, JavaScript, Git, HTML, Node.js, PostgreSQL, Stripe API, Amazon S3 (AWS S3), Full-stack Development, Jira, Amazon Web Services (AWS), Microservices, REST, Test-driven Development (TDD), CTO, Architecture, JSON, DevOps, Express.js, Full-stack, Server-side Rendering (SSR)

Senior Front-end Developer

2019 - 2019
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.
Technologies: HTML, CSS, jQuery, JavaScript, Bootstrap 3, Laravel, Less, Figma, HTML Templates, PHP, Git, Full-stack Development, REST, JSON, Full-stack

Founder | Team Leader | Software Developer | Entrepreneur

2010 - 2019
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.
Technologies: Node.js, Cordova, Backbone.js, Laravel, Ember.js, Angular, Meteor, OpenCart, Magento, WordPress, Drupal, PrestaShop, SilverStripe, Flash ActionScript, MongoDB, MySQL, PHP, CSS, HTML5, JavaScript, VirtualBox, Lodash, Sketch, Balsamiq, Phaser.io, Drush, HTML Templates, APIs, Git, HTML, GitHub, React, PostgreSQL, Next.js, Stripe API, Amazon S3 (AWS S3), Full-stack Development, Jira, Amazon Web Services (AWS), Docker, REST, Test-driven Development (TDD), Architecture, JSON, DevOps, Express.js, Full-stack

Back-end Developer

2018 - 2018
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.
Technologies: Laravel, MySQL, PHP, PHP 7, jQuery, JavaScript, HTML5, HTML Templates, Git, HTML, Stripe API, Full-stack Development, REST, JSON, Full-stack, Server-side Rendering (SSR)

D3.js Developer

2018 - 2018
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.
Technologies: D3.js, JavaScript, HTML, CSS, Lodash, PHP, Git, JSON

Full-stack Developer

2017 - 2017
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.
Technologies: JavaScript, Laravel, PHP, CSS, HTML, Statamic, AmCharts, HTML Templates, Git, JSON, Full-stack, Server-side Rendering (SSR)

Web Developer

2008 - 2010
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.
Technologies: UseItBetter, PHP, JavaScript, HTML, Flash ActionScript

Web Designer | Developer

2006 - 2007
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.
Technologies: Adobe Photoshop, JavaScript, PHP, Flash, HTML

Wellms Headless LMS

https://github.com/EscolaLMS/
PROJECT DELIVERABLES
• 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

This project is a crowd-funding portal for real estate projects. On this site, admins can create a project made up of real estate stock options, including extra points and blockchain tokens. Users can purchase stock options for new real estate builds while gaining points and blockchain tokens after purchase confirmation. They can spend their extra points on discounts and other promotions while shopping.

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

An internal dashboard to maintain and monitor the lending of various clients. The client developed a bespoke lending algorithm that needed to be converted from various Excel files into a user-friendly intranet web dashboard.

CRM System for a Recruitment Company

My main task was building the application's system architecture to manage orders for a short-term 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-d0edb00f3cef
ArtSee is an app targeted at blind and visually impaired people. The application is easy and intuitive, and its launch will be shortened to two clicks. The app works on a double click (the first click says what is under the given button, and the second confirms the selection)

The 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-7749d9eaeeda
I did the software architecture for Tuszama, an application that meets the needs of Polish students. It efficiently and easily facilitates food orders during a long break.

The 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

For Pride Surveys, I created a series of approximately 30 D3.js charts based on their Surveys API results.

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.com
I'm the founder of my own web development company. Our homepage is SilverStripe-based and features real-time video processing.

Okapi Cash

Okapi Cash is a remittance platform that allows Remittersto to send money home to their loved ones on most occasions instantly. Okapi Cash sends cash directly into users' mobile money accounts. Okapi Cash is fast, affordable, and secure.

Bespoke D3.js Gannt Chart

Chart Features:
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.pl
Tabanda consists of three designers: Malgosia Malinowska, Filip Ludka, and Tomek Kempa. They are architects who have always been fascinated by furniture design and utilitarian object design.

For 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.pl
For GAK, I created a Drupal-based website whose main task was to integrate and ease searches for events taking place within the institution's ten branches. The site was built to be responsive.

The 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.pl
This project included the design of completely new IA, integrating several previously-unrelated websites in one with pictures of all the library branches and BIP, e-shop, a promotional video, and more. An intranet and public info services were included, and the multi-site structure was built on Drupal.

Social Wall

http://qunabu.com/work/social-wall/
A social media wall is a live feed of social posts from sites like Twitter, Instagram Facebook, YouTube, LinkedIn, and more, displayed on any digital signage display. Social walls can be integrated in websites or totally independently.

This is a SilverStripe based project.

FETA

A Drupal site for an international street and open-air theater festival. It is designed to look fresh and new with a color and theme change every year, though the background mechanism remains the same. The site is easy to use and contains minimal necessary information, which in turn minimizes the need for scrolling.

Attendees can add files and photos, helping build the festival's presence, and the site is responsive for mobile viewing.

Kildonan Lodge Hotel

A website based on SilverStripe CMS.

Conference Bear

http://qunabu.com/work/conference-bear-en-us/
Conference Bear is an easily accessible conference database that includes search functionality and the ability to view the program, speakers, and other details for a conference. The application is also equipped with a notification system, and is integrated with a Laravel-based REST API.

ATO

http://ato.pl/
A website based on CMS SilverStripe.

Grassomania Outdoor Games

https://youtu.be/ZqeV-xmc3Cg
Various outdoor games created for a literature festival, based in ActionScript.

Theatre Wybrzeze

https://teatrwybrzeze.pl/
The website for the Wybrzeze Theatre in Gdansk, Poland.

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-trace
Multimedia content for a temporary exhibition at the Archaeological Museum in Gdansk. They've been conducting excavations in a historical part of the city, gathering thousands of specimens in museum warehouses. The exhibition reconstructs almost seventy pieces of historical—mostly leather—footwear using surviving fragments.

For the exhibition, I made a ten-minute film from start to finish and three ActionScript-based applications for touchscreen interaction.

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

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

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

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

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

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

2003 - 2006

Master's Degree in IT with Economics

University of Gdańsk - Gdańsk, Poland

MAY 2022 - PRESENT

Domain Driver Design Workshop

Infoshare Adacemy

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