Patryk is available for hire
Hire PatrykPatryk 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#
BCG
React, TypeScript, Test-driven Development (TDD), Material UI, APIs, Python...
Endeavor
HTML, CSS, Webflow, JavaScript, UI Development, Figma, Landing Pages...
Experience
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#
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
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
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)
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
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)
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
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
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)
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
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
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
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
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
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-forumAn 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-validatorA 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, Tailwind CSS, JSON Web Tokens (JWT), OAuth 2, Jest, Serverless Framework, Responsive Frameworks, Flutter, Unity, Unity2D, Laravel
Libraries/APIs
REST APIs, React Redux, Moment.js, Vuex, Vue, jQuery, React, Node.js, TensorFlow, Vue 2, React Router, API Development, 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, Canvas, Figma, Photoshop CS6, Bower, NPM, SendGrid, Expo, 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, 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
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, React Query, Mobile First, OpenAI, Design Systems, Single Sign-on (SSO), Email, HTML Email, 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, ChatGPT, Generative Pre-trained Transformers (GPT), WebSockets, Digital Payments, GPT-4, Bitcoin, Negotiation, Service Design, University Teaching, Material Design, Language Models, Vector Data, Pixel Art, Game Development, Game Design, Fintech
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.
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