Patryk is available for hire

Patryk Pawłowski

Verified Expert in Engineering

Product Designer and Front-end Developer

Location

Gdynia, Poland

Toptal Member Since

December 24, 2016

Patryk is a seasoned full-stack developer who specializes in all types of modern JavaScript implementations—from architecting the back end and APIs to building pixel-perfect web and mobile apps. Thanks to his experience running his own company and having a background in design, he is a great facilitator between business and product teams. Patryk also enjoys speaking at conferences.

Portfolio

Time Glitch

Unity, Unity2D, Pixel Art, Game Development, Game Design, C#, 2D Games, 3D Games

BCG

React, TypeScript, Test-driven Development (TDD), Material UI, APIs, Python...

Endeavor

HTML, CSS, Webflow, JavaScript, UI Development, Figma, Landing Pages...

Experience

JavaScript - 10 years Pixel Perfect - 8 years Product Design - 8 years React - 5 years Firebase - 3 years Vue - 3 years Node.js - 3 years React Native - 2 years

Availability

Full-time

Preferred Environment

Sass, Git

The most amazing...

...project I've coded is a UI library that started as an internal package but spread across the organization and was used by multiple teams.

Work Experience

Pixel Artist | Unity Developer

2023 - PRESENT

Time Glitch

Created Pixel Art for Time Glitch, a short video game with a unique blend of dungeon crawling and time manipulation.
Contributed to game development in Unity/C#, developing UIs and fixing bugs.
Translated and localized the game to Polish.
Brainstormed about and contributed ideas to game design.

Technologies: Unity, Unity2D, Pixel Art, Game Development, Game Design, C#, 2D Games, 3D Games

Full-stack Developer

2021 - 2023

BCG

Integrated GPT-4 and DALL-E 2 to generate email templates based on the user's input, including images and HTML/CSS structure.
Led the development of a front-end React app responsible for managing marketing campaigns.
Led the development of a UI component library that was used across multiple projects in the organization.
Developed REST API endpoints with Python and Django.

Technologies: React, TypeScript, Test-driven Development (TDD), Material UI, APIs, Python, Django, GPT, OpenAI GPT-3 API, DALL-E 2, GPT-4, Python 3, Django REST Framework, UI Development, Front-end Development, Algorithms, Docker, CSS-in-JS, Unit Testing, Full-stack, CI/CD Pipelines, SQL, Full-stack Development, Jest, REST APIs, API Integration, REST, Figma, Storybook, Back-end, DevOps, Agile Software Development, Scrum, Agile, Jira, HTML, Code Review, Estimations, Azure, Amazon Web Services (AWS), OpenAI GPT-4 API, Architecture, Software Architecture, Software Engineering, NoSQL, Language Models, Artificial Intelligence (AI), Vector Data, Serverless, Responsive UI, Web UI, Web UX, User Interface (UI), CSS3, React Redux, Swagger, TensorFlow, Web Development, Relational Databases, Web Architecture, ChatGPT, Generative Pre-trained Transformers (GPT), Webpack, Software Design, Celery, Redis, React Router, React Query, API Development, OpenAI, Technical Leadership, JSON Web Tokens (JWT), Design Systems, OAuth 2, Single Sign-on (SSO), Continuous Delivery (CD), Continuous Integration (CI), Email, HTML Email, Okta, Kubernetes, NPM, JavaScript Libraries, Testing, Generative AI, Flask, Data Visualization, Chart.js, D3.js, HTML DOM, Next.js, WebSockets

Front-end Developer

2021 - 2021

Endeavor

Developed an email landing page for UFC using Webflow and JavaScript.
Gathered email addresses from users in exchange for PDF materials about UFC.
Translated UI designs into a functional HTML page.

Technologies: HTML, CSS, Webflow, JavaScript, UI Development, Figma, Landing Pages, Agile Software Development, Scrum, Agile, Estimations, Software Architecture, Software Engineering, Serverless, Responsive UI, Web UI, Web UX, User Interface (UI), CSS3, Web Development, Full-stack, Software Design, Mobile First, JSON Web Tokens (JWT), Design Systems, HTML DOM

JavaScript Developer

2020 - 2021

Undisclosed

Developed components and views using a custom-built front-end framework based on a Web Components API.
Translated legacy bash scripts used for the build processes of the app into modern JavaScript/Node.js.
Spread good practices across the organization, encouraging the use of linters and enforcing code quality before the code gets pushed into one of the main branches.

Technologies: JavaScript, Front-end, HTML, CSS, Node.js, Bash, Next.js, Web Components, Algorithms, UI Development, Full-stack Development, Figma, Back-end, DevOps, Agile Software Development, Scrum, Agile, Code Review, Estimations, Amazon Web Services (AWS), Software Architecture, Software Engineering, GraphQL, Responsive UI, Web UI, Web UX, User Interface (UI), CSS3, Test-driven Development (TDD), Web Development, Full-stack, Web Architecture, Software Design, Fintech, Digital Payments, Technical Leadership, JSON Web Tokens (JWT), Design Systems, OAuth 2, Single Sign-on (SSO), Continuous Delivery (CD), Continuous Integration (CI), Okta, NPM, JavaScript Libraries, Testing, Data Visualization, Chart.js, D3.js, HTML DOM, WebSockets

Teaching Assistant

2019 - 2020

Academy of Fine Arts in Gdańsk

Assisted in conducting Fundamentals of Interactive Design classes.
Taught basics of Front-end Development and UI Design.
Helped students develop their UI designs into functional web pages.

Technologies: JavaScript, HTML, CSS, ZURB Foundation, University Teaching, UI Design, UX Design, Product Design, Software Engineering, Responsive UI, Web UI, Web UX, User Interface (UI), CSS3, Web Development, Full-stack, Bootstrap 5, Mobile First, Technical Leadership, Design Systems, JavaScript Libraries, HTML DOM

Product Designer | Front-end Developer

2019 - 2020

Cprime

Led the redesign of Power Suite: automation plugins for Jira software based on Simple Issue Language (SIL) scripting language.
Designed and developed an interface in React that lets users generate SIL scripts without writing any code, allowing them to learn SIL interactively while being productive from day one.
Redesigned SIL Manager, an online file browser and code editor, including syntax highlighting, IntelliSense-like autocomplete and documentation preview, git integration, error checking, drag-and-drop, and more.
Created illustrations to visualize key steps of the workflow and add personality to the UI.
Redesigned information architecture of settings pages.

Technologies: Pixel Perfect, Product Design, Git, JavaScript, HTML5, Sass, Web Design, CSS, Front-end, User Experience (UX), HTML, React, UX Design, UI Design, Front-end Development, Algorithms, UI Development, PSD to HTML, Ajax, Typography, Graphic Design, GitHub, Object-oriented Programming (OOP), Full-stack Development, Agile Software Development, Scrum, Agile, Jira, Code Review, Estimations, Software Architecture, Software Engineering, Responsive UI, Web UI, Web UX, User Interface (UI), CSS3, React Redux, Test-driven Development (TDD), Web Development, Animation, Full-stack, Web Architecture, Webpack, Software Design, Startups, React Router, Mobile First, Technical Leadership, JSON Web Tokens (JWT), Design Systems, OAuth 2, Single Sign-on (SSO), NPM, JavaScript Libraries, HTML DOM

Senior Back-end Developer

2019 - 2019

CashFlo

Developed back-end for the CashFlo app using Node.js and TypeScript.
Built an admin dashboard for managing users, tax forms, and voucher codes using Vue.
Integrated the PayPal API for automated money payouts to users.
Set up CI/CD with Firebase and Bitbucket pipelines.
Created a REST API endpoint for the iOS app with Express.js.

Technologies: Pixel Perfect, Git, HTML5, Sass, CSS, Front-end, Vuex, Vue, JavaScript, TypeScript, Google Cloud, Firebase, Express.js, Node.js, Vue 2, Vue Router, Continuous Integration (CI), Continuous Delivery (CD), Algorithms, GitHub, Object-oriented Programming (OOP), CI/CD Pipelines, Full-stack Development, Jest, Unit Testing, REST APIs, APIs, API Integration, REST, Back-end, DevOps, MongoDB, Agile Software Development, Scrum, Agile, Jira, HTML, Estimations, Google Cloud Platform (GCP), Architecture, Software Architecture, Software Engineering, NoSQL, Mobile, Serverless, Responsive UI, Web UI, Web UX, User Interface (UI), CSS3, Test-driven Development (TDD), Swagger, Web Development, Full-stack, Web Architecture, PayPal API, Software Design, Startups, Mobile First, API Development, Digital Payments, Technical Leadership, JSON Web Tokens (JWT), Photoshop CS6, Design Systems, OAuth 2, NPM, JavaScript Libraries, Integration, Testing

React Native Developer

2019 - 2019

Praemere LLC (via Toptal)

Developed a mobile app for cyclists using React Native.
Created reusable components that reflected provided designs and became the application's core.
Redesigned the UI and improved the UX of some of the screens.
Designed additional icons for the app, including weather icons.

Technologies: Pixel Perfect, Product Design, UI Design, UX Design, HTML5, CSS, Front-end, User Experience (UX), JavaScript, Redux, React, React Native, Redux-Saga, Front-end Development, UI Development, PSD to HTML, Ajax, Graphic Design, GitHub, Object-oriented Programming (OOP), Mobile Development, Expo, Android, iOS, Agile Software Development, Scrum, Agile, Jira, Code Review, Estimations, Amazon Web Services (AWS), Software Architecture, Software Engineering, Mobile, Mobile Applications, Cross-platform, Responsive UI, User Interface (UI), React Redux, Full-stack, Web Architecture, Webpack, Software Design, Startups, Mobile First, JSON Web Tokens (JWT), Design Systems, NPM, JavaScript Libraries, Testing

Senior Front-end Developer

2017 - 2018

MCH Group

Co-led the development of PRNCPL, a single-page application focused on managing data and customers tailored for art shows using Vue and Vuex.
Redesigned the app's architecture, introducing naming conventions, rules for managing data flow between the back end and UI, and more.
Refactored multiple components to be more DRY (don't repeat yourself), i.e., be more readable, clean, and work as automatically as possible.
Created multiple components that became the application's core, e.g., custom inputs, a form builder, a complex tabular data viewer, and more.

Technologies: Pixel Perfect, HTML5, Front-end, Git, Sass, CSS, HTML, JavaScript, Vuex, Vue, Socket.IO, Vue Router, Vue 2, Front-end Development, UI Development, PSD to HTML, Ajax, GitHub, Object-oriented Programming (OOP), Agile Software Development, Scrum, Agile, Code Review, Estimations, Amazon Web Services (AWS), PostgreSQL, Architecture, Software Architecture, Software Engineering, Responsive UI, Web UI, Web UX, User Interface (UI), CSS3, Windows, Swagger, Web Development, Animation, Full-stack, MySQL, Web Architecture, SMACSS, Webpack, Software Design, Startups, WebSockets, Mobile First, API Development, Laravel, Technical Leadership, JSON Web Tokens (JWT), Photoshop CS6, Design Systems, OAuth 2, Single Sign-on (SSO), NPM, JavaScript Libraries, Testing, HTML DOM

Senior WordPress Developer

2016 - 2017

Visibee

Created an eCommerce website using a WooCommerce plugin.
Extended the WooCommerce plugin to allow product rental.
Added conditional discounts based on specific rental parameters and products bought.
Developed an online learning platform with courses for security professionals.
Integrated the Ontraport CRM to serve as a user base and the GoToTraining webinars; also automated the data population with Zapier.
Maintained the previous projects that were developed by the software house.

Technologies: jQuery, Pixel Perfect, HTML5, HTML to WordPress, CSS, Front-end, Agile, Git, Sass, HTML, PHP, JavaScript, WooCommerce, WordPress, Front-end Development, UI Development, PSD to HTML, Ajax, Advanced Custom Fields (ACF), GitHub, Bootstrap, Object-oriented Programming (OOP), SQL, Full-stack Development, REST APIs, APIs, API Integration, REST, Landing Pages, Back-end, Agile Software Development, Scrum, Code Review, Estimations, Software Architecture, Software Engineering, Responsive UI, WordPress Plugins, WordPress Design, Web UI, Web UX, User Interface (UI), CSS3, Less, Windows, Web Development, Animation, Full-stack, MySQL, Google API, SendGrid API, Relational Databases, Web Architecture, SMACSS, Bootstrap 5, Software Design, Startups, Mobile First, API Development, JSON Web Tokens (JWT), Photoshop CS6, JavaScript Libraries, Integration, HTML DOM, eCommerce

Front-end Developer | UI/UX Designer

2013 - 2017

Freelance

Designed and developed websites for local clients.
Led small creative teams of copywriters, junior front-end developers, and graphic designers.
Worked for software houses and interactive agencies as a subcontractor of web projects.
Converted PSD files to prototypes or fully functional websites; using HTML/CSS, JavaScript, WordPress, and PHP.

Technologies: jQuery, Pixel Perfect, Product Design, Vue, Vuex, UI Design, UX Design, HTML5, Web Design, Project Management, HTML to WordPress, CSS, Front-end, User Experience (UX), Git, Sass, HTML, PHP, JavaScript, WooCommerce, WordPress, Front-end Development, UI Development, PSD to HTML, Ajax, Typography, Advanced Custom Fields (ACF), Graphic Design, GitHub, Bootstrap, SQL, Full-stack Development, APIs, API Integration, REST, Landing Pages, Back-end, MongoDB, Agile Software Development, Scrum, Agile, Code Review, Estimations, Remote Team Leadership, Leadership, Software Architecture, Software Engineering, Responsive UI, WordPress Design, WordPress Plugins, Web UI, Web UX, User Interface (UI), CSS3, Less, Windows, Web Development, UX Testing, Animation, Full-stack, MySQL, Google API, SendGrid API, Relational Databases, Web Architecture, SMACSS, Heroku, Bootstrap 5, Software Design, Startups, Mobile First, API Development, Technical Leadership, JSON Web Tokens (JWT), Photoshop CS6, JavaScript Libraries, Integration, HTML DOM, eCommerce

WordPress Developer

2016 - 2016

Typy

Created a large platform for an NGO that takes care of people diagnosed with cancer.
Worked on patient profiles, online payment system integration, knowledge database, and more.
Transformed PSD files into fully functional HTML5/CSS3 (Sass) projects.

Technologies: jQuery, Pixel Perfect, HTML5, HTML to WordPress, CSS, Front-end, Git, Sass, HTML, PHP, JavaScript, WordPress, Front-end Development, UI Development, PSD to HTML, Ajax, Advanced Custom Fields (ACF), GitHub, Bootstrap, SQL, Full-stack Development, REST APIs, APIs, API Integration, REST, Landing Pages, Back-end, Agile Software Development, Scrum, Agile, Code Review, Estimations, Software Architecture, Software Engineering, Responsive UI, WordPress Plugins, WordPress Design, Web UI, Web UX, User Interface (UI), CSS3, Less, Windows, Web Development, Animation, Full-stack, MySQL, Google API, Relational Databases, Web Architecture, SMACSS, Heroku, Bootstrap 5, Software Design, Startups, Mobile First, API Development, Photoshop CS6, JavaScript Libraries, HTML DOM, eCommerce

Experience

Children's Spy Agency

https://www.csa.world/

Role: Firebase Consultant

Children's Spy Agency is a mobile app that teaches kids (5+ years old) critical thinking, computer science, and creativity in a playful way.

Since kids usually don't have their own email accounts and may have trouble creating and remembering strong passwords, the app has an unusual way of user authentication. Kids sign up with their parent's email address (or guardian) but log in using their nicknames and emoji password.

I was hired to extend the Firebase authentication and database to allow this unusual way of user authentication.

Technologies: Firebase, Express.js, Node.js, SendGrid, JavaScript

CQURE Academy

https://cqureacademy.com/

Role: Developer

CQURE Academy is a blog and an online learning platform for security professionals. I developed their website and the online courses platform.

The project involved building a tailor-made solution that would seamlessly integrate with APIs of Ontraport, Zapier, and GoToTraining and provide a platform for users engaged in the online courses offered by CQURE.

Technologies: WordPress, PHP, Sass, JavaScript, jQuery, Bootstrap, API Integration

Chrome Extension for Pixel Joint Forum

https://github.com/bypatryk/chrome-extension-pixel-joint-forum

An unofficial Google Chrome extension, which allows to globally zoom in and out pixel art images on Pixel Joint Forum (pixeljoint.com/forum) and reworks CSS styles for better readability (toning down colors, enlarging typography).

Firestore Schema Validator

https://github.com/bypatryk/firestore-schema-validator

A Node.js package for elegant object modeling for Google Cloud Firestore, inspired by Mongoose and datalize. It allows creating data schemas, validating data before storing it to Cloud Firestore, and firing hooks when events occur.

Time Glitch

https://store.steampowered.com/app/2705800/Time_Glitch/

A Unity-based game. Time Glitch invites you to immerse yourself in a short, unique blend of dungeon crawling and time manipulation. You find yourself at the end of a grand tabletop campaign, facing an undead king who wields the power of time itself. However, every defeat sends you back to the gates of the final dungeon, where your experience began.

Skills

Languages

ECMAScript (ES6), CSS3, SCSS, Less, Sass, HTML5, JavaScript, HTML, CSS, PHP, TypeScript, EMCAScript 2015, Python, Python 3, Processing, SQL, GraphQL, Bash, C#

Frameworks

Vanilla JS, Next.js, Bootstrap, ZURB Foundation, Redux, React Native, Express.js, Swagger, Material UI, Django, Django REST Framework, Unity, Tailwind CSS, JSON Web Tokens (JWT), OAuth 2, Jest, Serverless Framework, Responsive Frameworks, Flutter, Unity2D, Laravel, Flask

Libraries/APIs

REST APIs, React Redux, Moment.js, Vuex, Vue, jQuery, React, Node.js, TensorFlow, Vue 2, React Router, API Development, Chart.js, D3.js, P5.js, Context API, Socket.IO, Google Maps API, Google API, Mustache, SendGrid API, Stripe, Redux-Saga, PayPal API, Facebook API, Three.js, Fabric

Tools

Vue CLI, Gulp, Advanced Custom Fields (ACF), Git, GitHub, Jira, Bitbucket, Asana, Photoshop CC, Illustrator CC, Adobe CC, NPM, Canvas, Figma, Photoshop CS6, Bower, SendGrid, Expo, ChatGPT, Webpack, Babel, Celery

Paradigms

Responsive, Responsive Layout, Agile, Continuous Integration (CI), Continuous Delivery (CD), Object-oriented Programming (OOP), UX Design, UI Design, Design Thinking, Agile Software Development, Scrum, Test-driven Development (TDD), REST, Requirements Analysis, Responsive Web Design (RWD), Cross-platform, SMACSS, Testing, HTML DOM, Unit Testing, Mobile Development, DevOps, Serverless Architecture, Web Architecture, E2E Testing, Event-driven Architecture

Platforms

WordPress, Windows, Firebase, Amazon Web Services (AWS), WooCommerce, Mobile, Webflow, Google Cloud Platform (GCP), Docker, Ontraport, Linux, iOS, Android, Blockchain, Azure, Heroku, Kubernetes

Industry Expertise

Project Management, Web Design, Photography

Storage

JSON, MongoDB, Google Cloud, PostgreSQL, MySQL, Relational Databases, NoSQL, Cloud Firestore, Redis

Other

Serverless, Vue Router, Responsive UI, Responsive Design, Responsive UX Design, Responsive Web Apps, Product Design, DOM, Firebase Cloud Functions, User Experience (UX), Front-end Development, UI Development, Ajax, Typography, Front-end, PSD to HTML, HTML to WordPress, Graphic Design, APIs, WordPress Plugins, Payment Gateways, SVG, Icon Fonts, Back-end, Pixel Perfect, WordPress Design, Web UI, Web UX, Payment APIs, Full-stack, Web Development, Architecture, EMCAScript (ES), Styled-components, Single-page Applications (SPA), User Interface (UI), Design, Web Components, Full-stack Development, API Integration, Storybook, Landing Pages, Code Review, Estimations, Software Architecture, Software Engineering, Artificial Intelligence (AI), Bootstrap 5, Software Design, Startups, WebSockets, Game Development, React Query, Mobile First, OpenAI, Design Systems, Single Sign-on (SSO), Email, HTML Email, JavaScript Libraries, 2D Games, Generative AI, Data Visualization, eCommerce, Subscription Processing, Leadership, Remote Team Leadership, Chrome Extensions, QA Automation, Processing.js, CSS-in-JS, WCAG 2, Accessibility, Web Accessibility, Algorithms, UX Testing, Animation, Technical Leadership, GPT, OpenAI GPT-3 API, DALL-E 2, CI/CD Pipelines, OpenAI GPT-4 API, Mobile Applications, Generative Pre-trained Transformers (GPT), Digital Payments, Okta, Integration, GPT-4, Bitcoin, Negotiation, Service Design, University Teaching, Material Design, Language Models, Vector Data, Pixel Art, Game Design, Fintech, 3D Games

Education

2019 - 2022

Master of Arts Degree in Graphic Design

Academy of Fine Arts in Gdańsk - Gdańsk, Poland

2015 - 2016

Participated in an Erasmus Exchange in Graphic Design

Escola d'Art i Superior de Disseny de Castelló - Castelló de la Plana, Spain

2013 - 2016

Bachelor's Degree in Graphic Design

Polish-Japanese Academy of Information Technology - Gdańsk, Poland

Certifications

JUNE 2019 - PRESENT

Young Leaders Academy (Akademia Młodego Lidera)

GFKM | Gdańska Fundacja Kształcenia Menedżerów

NOVEMBER 2018 - PRESENT

Successful Negotiation: Essential Strategies and Skills

Coursera | University of Michigan

MARCH 2018 - PRESENT

Blockchain and Bitcoin Fundamentals

Udemy

MARCH 2018 - PRESENT

Leader of the Future — Management Training

Grupa Progres

APRIL 2014 - PRESENT

Design EntrepreneurSHIP — Design Management

Gdynia Design Centre

AUGUST 2012 - PRESENT

Gdynia Advanced Business Week — Business Leadership Program

Washington Business Week

AUGUST 2011 - PRESENT

Gdynia Business Week — Business Leadership Program

Washington Business Week

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.

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.

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