Mateusz Wojczal, Software Developer in Berlin, Germany
Mateusz Wojczal

Software Developer in Berlin, Germany

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.
Mateusz is now available for hire

Portfolio

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

Experience

Location

Berlin, Germany

Availability

Part-time

Preferred Environment

Git, MacOS, Docker, TypeScript, 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.

Employment

  • 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, packagist, NPM, Headless Software, Stripe API, Stripe Connect, jitsy, 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
  • 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, 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
  • 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
  • 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
  • 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

Experience

  • 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
    https://crowdhome.pl/

    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 (via Toptal)

    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 (via Toptal)

    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.

Skills

  • 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.io, Express.js, Angular, Ember.js, Bootstrap 3, 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, 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, VS Code, 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, 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, h5p, Architecture, APIs, Full-stack Development, Full-stack, Server-side Rendering, Mockups, iBeacon, Sketch to HTML, Styled-components, Storybook, Strapi, SCORM Compatibility, Streaming, xAPI, cmi5, CTO, Back-office System Development, AmCharts, c4, UML Diagrams, Code Review, PWA, Domain-driven Design (DDD), Documentation, mutation tests, SDKs, packagist, Headless Software, jitsy, Learning Management Systems (LMS), vuepress, Integration Testing, PDF, Digital Signatures, Email Parsing, Real-time Communication (RTC), Video Chat, Peer-to-peer Networking, Server-side PDF Generation, Mobile Wallet, Reports

Education

  • Master's Degree in IT with Economics
    2003 - 2006
    University of Gdańsk - Gdańsk, Poland

Certifications

  • Domain Driver Design Workshop
    MAY 2022 - PRESENT
    Infoshare Adacemy

To view more profiles

Join Toptal
Share it with others