Mateusz Wojczal, Software Developer in Berlin, Germany
Mateusz Wojczal

Software Developer in Berlin, Germany

Member since January 12, 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 and CTO

    2021 - PRESENT
    Wellms
    • Polished the style guide and reusable components, including the bespoke theme customizer.
    • Worked on 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. Keep a constant watch over your data and your costs. Course Headless Open Format (ULAM format) RESTful API Customizable. Frontend framework agnostic. Designed to be Integrations and plugins friendly.
    • 290 thousand lines of codes (2022). More than 60 public repositories on GitHub (MIT licence). 7 public modules on npm.js. 46 public modules on packagist. 4 public images on hub.docker. Unit, Integration, end-to-end and mutation tests.
    • Technical documentation including: VuePress page, Swagger Endpoints, Unit Tests scenarios, C4 Architecture Model, API References, Frontend SDK, Styleguidist Components, Styled Component Theme Customizer, TypeScript 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, AWS, 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)
  • Chief Technology Officer (CTO)

    2019 - PRESENT
    Escola
    • Reportsing directly to the Chief Executive Officer (CEO) of the firm. Formulate a vision for how technology will be utilized within the company. Outline company goals and timelines for research and development.
    • Develop technical aspects of the company’s strategy for alignment with its business goals. Ensure that the technological resources satisfy the company’s short and long-term needs.
    • Verify all technological practices adhere to regulatory standards and compliance. Identify and implement innovative technologies that yield competitive advantage. Manage teams, big data, and the product life-cycle.
    • Help departments use technology profitably and act as a mentor to team members. Supervise system infrastructure to ensure functionality and efficiency. Build quality assurance and data protection processes.
    • Monitor KPIs and IT budgets to assess technological performance. Capitalize on stakeholders’ feedback to advise on necessary improvements and adjustments. Communicate tech-strategy to partners and investors.
    • Maintain a consumer-focused outlook, centrally on delivering IT projects to market. Make executive decisions on behalf of the company’s technological requirements. Developing code for front / backend in various technologies.
    • Implementing various CMS solutions. Reading and writing briefs and documentations. Consulting on web technologies. Maintaining and leading team of 50 developers.
    • Participating in meetings with clients to clarify what they want during workshops . Maintaining weekly internal technical meetups about various topics with YouTube channel. Designing prototypes for apps and websites.
    • Providing technical support. Designing Software Architecture in various formats (UML, c4, DDD, diagrams) Maintaining various hosting solutions including on premise and cloud Designing and maintaining Devops Continous Integration / 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, AWS, Node.js, PostgreSQL, Stripe API, Amazon S3 (AWS S3), Full-stack Development, Jira, Amazon Web Services (AWS), Microservices, REST, Test-driven Development (TDD)
  • Remote Senior Front-End Developer

    2019 - 2019
    Vextras
    • Implementing clients bespoke state-of-art url affiliation system.
    • Working on client intranet dashboard based on Laravel.
    • Pixerl perfect implementation of provided designs from another Toptal designed from Figma designs.
    Technologies: HTML, CSS, jQuery, JavaScript, Bootstrap 3, Laravel, Less, Figma, HTML Templates, PHP, Git, Full-stack Development, REST
  • 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 succesful intranet systems for various clients.
    • Implemented responsive themes for online portfolio www.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, AWS, 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)
  • Back-End Developer (Laravel)

    2018 - 2018
    ImpactDigital.io
    • Managing processes of handling tasks with another Toptal developer.
    • Creating a bespoke kanban board as html5 component.
    • Implementing all client requests including e-payments various gateways.
    Technologies: Laravel, MySQL, PHP, PHP 7, jQuery, JavaScript, HTML5, HTML Templates, Git, HTML, Stripe API, Full-stack Development, REST
  • D3.js Developer

    2018 - 2018
    ISA Pride Surveys
    • Creating an Anti Corruption Layer patter for handling clients API data.
    • Created a set of javascript Classes to handle clients bespoke charts.
    • Pixel perfect charts CSS, Javascript and SVG graphics.
    Technologies: D3.js, JavaScript, HTML, CSS, Lodash, PHP, Git
  • Full-stack developer (PHP, Laravel, JS)

    2017 - 2017
    Okse
    • Building bespoke Laravel based company interactive website.
    • Had to learnt client proposed CMS called Statamic (based on Laravel).
    • Implement JavaScript Charts & Maps for client data visualisation needs.
    Technologies: JavaScript, Laravel, PHP, CSS, HTML, Statamic, AmCharts, HTML Templates, Git
  • Web/Flash Developer

    2008 - 2010
    Use It Better
    • Co-authored ActionScript 3 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. PSD to SWF/HTML.
    • Created deployment scripts with ant xml and bash.
    Technologies: UseItBetter, PHP, JavaScript, HTML, Flash ActionScript
  • Web/Flash Designer/Developer

    2006 - 2007
    Graphical House
    • Developed bespoke eCommerce websites including various e-commerce 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/

    - Polished style guide and reusable components including bespoke ThemeCustomiser
    - Headless, api-first technology you can build a custom bespoke solution, and integrate it with any other technology
    - Made for developers with Battle tested technologies Laravel 9+, PHP 8+, Node.js, TypeScript and #React
    - One-Click installer with both docker and kubernetes
    - Self-hosted - Priorities data privacy. Keep a constant watch over your data and your costs.
    - Course Headless Open Format RESTful API
    - Frontend framework agnostic
    - Designed to be Integrations and plugins friendly

    Wellms Statistics:
    - more than a year of intense fullstack programming
    - Approximately 290 thousand lines of codes (typescript and php8 mostly)
    - More than 60 public repositories on #GitHub (MIT license)
    - 7 public modules on #npm.js
    - more than 46 public modules on packagist
    - 4 public images on hub.docker
    - Unit, Integration, end-to-end and mutation tests. (jest, cypress, phpunit, infection)

    Technical documentation including:
    - VuePress page
    - Swagger Endpoints
    - Unit Tests scenarios
    - C4 Architecture Model
    - API References, Frontend #SDK, #Styleguidist Components, Styled Component Theme Customize
    - TypeScript typedoc
    Sample codes and tutorials

  • Crowhdome
    https://crowdhome.pl/

    A Crowd Funding portal for real estate projects.
    Admins create project as real estate stock options including extra points and blockchain tokens.
    Users purchase stock options for new real estate building gaining internal points and blockchain tokens as confirmation of thier purchase.
    Extra points can be spent on shop for discounts and other promotions.

    Each purchase under polish law must be signed by qualified signature. Application generate PDFs with legal term that later must be signed and validate is the signature ald PDF content is valid

  • London Wall Database

    An internal dashboard to maintain and monitor lending of various clients.
    Client developed bespoke lending algorithm that needed to be converted from various excel files into user friendly intranet web dashboard.

  • CRM System for Recruitment Company

    My main task was to build the system architecture for the application to manage orders for a short-term recruitment company.

    The system includes:
    • Continuous integration with Gitlab. developing a branch that is the building stage for testing features and master building production
    • Laravel 5 back-end
    • Fully documented REST API with JWT authentication
    • React front-end with 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:
    • 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 to 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, the second confirms the selection)

    The whole technology stack is based opon 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 upon
    • 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
    • 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 software architecture for Tuszama, an application meeting the the needs of Polish students. It efficiently and easily allows for ordering food 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 is equipped with a subscription allowing for account recharging.

    This is a Meteor application that features:
    • One JavaScript code in ES6 for back-end and front-end
    • Continuous Integration features- Daily PDF reports for providers
    • Custom PDF and CSV reports for given criteria
    • D3 statistical diagrams
    • Cron email for providers. Email is sent one minute after 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:
    • Custom HTML5 components customized by data attribute
    • Fully customized (colors, dimension, 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
    • Deploy 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 remittances platform that allows Remittersto to send money home to their loved ones in most occasions instantly. Okapi Cash terminates directly into users mobile money accounts. Okapi cash is fast, affordable and secure.

  • Bespoke D3.js Gannt Chart (with Toptal)

    • Uses a CSV file for data that the client uploads with a simple Laravel back-end and an “Upload new CSV file” button.
    • Presents the different categories on a Gantt-ish timeline chart.
    • Is able to choose specific time periods as “Helpers” to show the right time period (first quarter, next month, etc.)
    • 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
    http://kildonanlodgehotel.co.uk

    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, Angular, Ember.js, Bootstrap 3, Serverless Framework, Express.js
  • 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, Mockups, iBeacon, Sketch to HTML, Styled-components, Storybook, Strapi, SCORM Compatibility, Streaming, AWS, xAPI, cmi5, CTO, 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