Mateusz Wojczal,波兰Gdańsk开发者
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自2005年以来一直是一名全栈web开发人员和DevOps工程师. Starting as an ActionScript expert, 他在整个PHP编程生涯中获得了商业经验, JavaScript, Node.最后选择TypeScript作为一种通用语言. From the beginning, Mateusz与基于网络技术创建桌面应用程序和网站有关, 以及小型和大型多媒体和互动展览.

Portfolio

Wellms
sdk, GitHub API, GitHub, GitHub Pages, NPM, Headless Software, Stripe API...
Escola
C4模型,代码体系结构,UML图,持续交付...
Vextras
HTML, CSS, jQuery, JavaScript, Bootstrap 3, Laravel, Less, Figma...

Experience

Availability

Part-time

Preferred Environment

Git, MacOS, Docker, TypeScript, Visual Studio Code

The most amazing...

...我创建的应用程序是世界上第一个使用MACH(微服务)的无头开源LMS, API-first, Cloud-native, and Headless) manifesto.

Work Experience

Founder | CTO

2021 - PRESENT
Wellms
  • 完善了样式指南和可重用组件,包括定制主题定制器.
  • 帮助用准备分叉的源代码构建一个演示. With headless API-first technology, 可以构建定制的解决方案并将其与任何其他技术集成.
  • 使用经过实战考验的技术Laravel 9, PHP 8, Node为开发人员制作了这个演示.js, TypeScript, and React. 它有一个一键安装Docker和Kubernetes.
  • 自托管和优先数据隐私,因此您可以监视您的数据和成本. 使用带有可定制RESTful API的ULAM无头课程格式. 它也是前端框架不可知的,设计为集成和插件友好.
  • 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、单元测试、集成测试、端到端测试和突变测试.
  • 编写技术文档,包括vepress页面, 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: sdk, 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,全栈,服务器端渲染(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.
  • 开发公司战略的技术方面,使其与业务目标保持一致,并确保技术资源满足短期和长期需求.
  • 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.
  • 保持以消费者为中心的观点,集中于向市场交付IT项目. 代表公司的技术需求做出行政决策. 为前端和后端开发代码.
  • Implemented various CMS solutions, 其中包括阅读和撰写简报和文件, consulting on web technologies, 维护和领导一个50人的开发团队.
  • 在研讨会期间与客户会面,明确他们想要什么. Maintained weekly internal technical meetups about various topics with YouTube channel; designed prototypes for apps and websites.
  • Provided technical support, 其中包括设计各种格式的软件架构(UML, c4, DDD, diagrams), and maintained various hosting solutions, including on-premise and the cloud.
  • 设计和维护DevOps的持续集成和部署.
Technologies: C4模型,代码体系结构,UML图,持续交付, 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,全栈,服务器端渲染(SSR)

Senior Front-end Developer

2019 - 2019
Vextras
  • 实现客户定制的最先进的URL关联系统.
  • 基于Laravel的客户端内部网仪表板.
  • 实现像素完美的Figma设计提供了另一个Toptal设计师.
Technologies: HTML, CSS, jQuery, JavaScript, Bootstrap 3, Laravel, Less, Figma, HTML Templates, PHP, Git, Full-stack Development, REST, JSON, Full-stack

创始人|团队负责人|软件开发人员|企业家

2010 - 2019
Qunabu Interactive
  • 建立了一个应用程序,允许盲人通过实时音频描述来体验视觉艺术.
  • 创建了一个应用程序,可以让波兰学生在长时间休息时方便快捷地点餐.
  • 开发了数十个SilverStripe和Drupal网站.
  • 使用Swagger文档创建应用程序和定制REST api.
  • 为不同的客户开发成功的内部网系统.
  • 为在线投资组合网站Format实现响应式主题.com.
  • 为室内和室外博物馆展览提供内容,包括互动信息亭和游戏.
  • 创建了部署脚本和持续集成环境.
  • 将各种网站部署到支持Docker的linux服务器上.
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, rush, HTML模板,api, 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
  • 管理与另一位Toptal开发人员一起处理任务的过程.
  • 创建了一个定制的看板作为HTML5组件.
  • 实现所有客户机请求,包括用于电子支付的各种网关.
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
  • 创建了一个反腐败层模式,用于处理客户端的API数据.
  • 创建了一组JavaScript类来处理客户定制的图表.
  • 使用CSS、JavaScript和SVG图形实现像素完美的图表.
Technologies: D3.js, JavaScript, HTML, CSS, Lodash, PHP, Git, JSON

Full-stack Developer

2017 - 2017
Okse
  • 为一家使用Laravel的公司建立了一个定制的互动网站.
  • 学习并使用了客户端提出的CMS——Statamic(基于Laravel).
  • 为客户端的数据可视化需求实现了JavaScript图表和地图.
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
  • 共同撰写了基于ActionScript 3的Use It Better分析框架.
  • 开发屡获殊荣的创意Flash网站.
  • 构建了一个XML API在ActionScript和服务器后端之间进行通信.
  • 从Photoshop文件中开发模板,包括将PSD文件转换为SWF/HTML.
  • 使用Ant XML和Bash组合部署脚本.
技术:UseItBetter, PHP, JavaScript, HTML, Flash ActionScript

Web Designer | Developer

2006 - 2007
Graphical House
  • 开发定制的电子商务网站,包括各种电子商务PHP脚本.
  • 构建定制的CMS系统与第一个PHP版本和Smarty模板.
  • 为Flash网站和PHP后端之间的通信创建了XML api.
  • 开发Flash网站和独立演示文稿.
技术:Adobe Photoshop, JavaScript, PHP, Flash, HTML

Wellms Headless LMS

http://github.com/EscolaLMS/
PROJECT DELIVERABLES
•精致的风格指南和可重用的组件,包括定制的主题定制器
•无头api优先技术,您可以构建定制的定制解决方案,并将其与任何其他技术集成
•专为使用经过实战测试的技术(Laravel 9+, PHP 8+, Node)的开发人员设计.js, TypeScript, React)
•一键安装Docker和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
•设计为集成和插件友好

WELLMS STATISTICS
•一年以上的全栈编程经验
•大约290,000行代码(主要是TypeScript和PHP 8)
•GitHub上超过60个公共存储库(MIT许可)
• Seven public modules on npm
• more than 46 public modules on packagist
• Four public images on Hub.docker
•单元、集成、端到端和突变测试(Jest、Cypress、PHPUnit、Infection)

TECHNICAL DOCUMENTATION
• VuePress page
• Swagger endpoints
• Unit test scenarios
• C4 architecture model
•前端的API引用,SDK, styleguide组件,有样式的组件
• TypeDoc
• Sample codes and tutorials

Crowdhome

这个项目是一个房地产项目的众筹门户. On this site, 管理员可以创建一个由房地产股票期权组成的项目, 包括加分和区块链代币. 用户可以购买新房地产的股票期权,同时在购买确认后获得积分和区块链代币. 他们可以在购物时把额外的积分花在折扣和其他促销活动上.

根据波兰法律,每次购买都必须由合格的签名确认. 应用程序生成具有法律条款的pdf,稍后必须对这些条款进行签名和验证.

London Wall Database

内部仪表板,用于维护和监控各种客户的贷款. 客户开发了一种定制的借贷算法,需要将各种Excel文件转换为用户友好的内部网web仪表板.

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
•完整文档的REST API与JWT认证
• React front end with the Ant framework
• Multi-language front end
• Reports (PDF, XLS, CSV)
• Multi-level employee access
• Comarch Optima integration
•基于DOCx模板和给予者订单的协议生成, 新的协议将实时生成,其中包含已完成的字段

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

http://medium.com/qunabu-interactive/listen-to-the-art-a-story-about-making-art-visible-to-people-that-cant-see-d0edb00f3cef
ArtSee是一款针对盲人和视障人士的应用程序. 该应用程序简单直观,其启动将缩短到两次点击. 该应用程序工作在双击(第一次点击说什么是在给定的按钮, and the second confirms the selection)

整个技术栈是基于WebRTC的, 它使参观展览的人和描述艺术的策展人之间的点对点直接交流成为可能.

我为应用程序做了如下的系统架构:
•WebRTC点对点通信包裹在Cordova移动容器
• Admin panel using Node.js, Express, and React
•JavaScript iBeacons库,由kontakt交付.io hardware provider
• Client application using React, Socket.IO, and WebRTC
• PWA as a feature

At the end of 2017, 当时渐进式web应用(PWA)已经成熟, we added those as a feature, 因此,现在用户无需在设备上安装就可以体验这款应用.

Tuszama

http://medium.com/qunabu-interactive/tuszama-case-study-meteor-js-app-7749d9eaeeda
我为Tuszama做了软件架构,这是一个满足波兰学生需求的应用程序. 在长时间的休息期间,它可以高效、轻松地为订餐提供便利.

点餐的过程很简单. 只要创建一个账户,选择学校,然后点餐. 该应用程序可供三种类型的用户使用:管理员、提供者和学生.

Tuszama连接到Płatności24,并订阅了帐户充值.

这是一个流星应用程序,它的特点是:
•ES6中的一行JavaScript代码用于后端和前端
•持续集成功能:为供应商提供每日PDF报告
•自定义PDF和CSV报告的给定标准
• D3.js statistical diagrams
• Cron email for providers; an email is sent one minute after the order deadline
•三种类型的特权:管理员、提供者和客户端
• Daily backups
• Google Maps API address verification
• Virtual wallet
•基于每个学校和供应商特定截止日期的复杂订购流程
• E-payments
•Cordova iOS和Android推送通知

Bespoke D3.js Charts

对于Pride Surveys,我创建了一系列大约30个D3.基于他们的Surveys API结果的js图表.

The project contains the following:
•自定义HTML5组件自定义的数据属性
•完全定制(颜色,尺寸,标签等.)图表基于D3的最新迭代.js
• Alluvial charter
• Pee chat
• Distribution chart
• Bar chart
• Custom bespoke chart
• Bespoke slide presentation
•基于npm、JSON和PHP的部署脚本

Web Development Company

http://qunabu.com
我是自己网站开发公司的创始人. 我们的主页是基于silverstripe的,并具有实时视频处理功能.

Okapi Cash

Okapi Cash是一个汇款平台,在大多数情况下,汇款人可以立即将钱寄回家给亲人. Okapi Cash将现金直接存入用户的移动货币账户. Okapi Cash快捷、实惠、安全.

Bespoke D3.js Gannt Chart

Chart Features:
它使用一个CSV文件作为数据,客户端通过一个简单的Laravel后端和一个“上传新的CSV文件”按钮上传数据. 另一个有用的功能是,它可以在甘特式时间轴图表上显示不同的类别. 用户可以选择特定的时间段作为“帮手”来显示正确的时间段,例如第一季度, next month, and so on. 当点击一个活动时,它还提供了一个弹出的更详细的信息.

Tabanda

http://tabanda.pl
Tabanda由三位设计师组成:malsia Malinowska, Filip Ludka和Tomek Kempa. 他们是一直着迷于家具设计和实用物品设计的建筑师.

对于Tabanda,我已经准备了一个基于Drupal和电子商务解决方案的网站和商店.

网站包含许多在Drupal D7框架中由scratch编写的定制实现.

GAK Main Page and Branches Builder

http://gak.gda.pl
For GAK, 我创建了一个基于drupal的网站,其主要任务是整合并简化对该机构10个分支机构内发生的事件的搜索. The site was built to be responsive.

主页面有一个日历,显示即将发生的事件,根据分支的颜色排序. Next is a map with locations.

主网站包含一个API,将所有事件公开给每个分支. 每个分支都有一个独立的SilverStripe网站,该网站有一个定制的视觉块编写器,允许构建和设计自己的网站.

所有的事件信息都是从主页上获取的,其余的由分支人员维护.

Gdańsk Main Library (WBPG)

http://wbpg.org.pl
该项目包括全新IA的设计, 将几个以前不相关的网站与所有图书馆分支和BIP的图片整合在一起, e-shop, a promotional video, and more. 包括内部网和公共信息服务,多站点结构是在Drupal上构建的.

Social Wall

http://qunabu.com/work/social-wall/
社交媒体墙是来自Twitter等网站的社交帖子的实时feed, Instagram Facebook, YouTube, LinkedIn, and more, displayed on any digital signage display. 社交墙可以集成在网站中,也可以完全独立.

This is a SilverStripe based project.

FETA

一个国际街头和露天戏剧节的Drupal站点. 它的设计看起来很新鲜,每年都会更换颜色和主题, 虽然背景机制是一样的. 该网站易于使用,并包含最少的必要信息, 这反过来又最小化了滚动的需要.

Attendees can add files and photos, helping build the festival's presence, 该网站还支持移动浏览.

Kildonan Lodge Hotel

A website based on SilverStripe CMS.

Conference Bear

http://qunabu.com/work/conference-bear-en-us/
会议熊是一个易于访问的会议数据库,包括搜索功能和查看程序的能力, speakers, and other details for a conference. 该应用程序还配备了通知系统, 并且集成了基于larvel的REST API.

ATO

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

Grassomania Outdoor Games

http://youtu.be/ZqeV-xmc3Cg
为文学节制作的各种户外游戏,基于ActionScript.

Theatre Wybrzeze

http://teatrwybrzeze.pl/
波兰格但斯克Wybrzeze剧院的网站.

该网站为新闻记者提供了PDF创建者和ZIP包(包含全清晰度图像).

Every Step Leaves a Trace

http://qunabu.com/work/every-step-leaves-a-trace
格但斯克考古博物馆临时展览的多媒体内容. 他们一直在这座城市的历史地段进行挖掘, 在博物馆的仓库里收集成千上万的标本. 这次展览利用幸存的碎片重建了近70件历史上的鞋子,其中大部分是皮革鞋.

For the exhibition, 我从开始到结束制作了一个10分钟的电影和三个基于actionscript的触摸屏交互应用程序.

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