Publication
Vital Concepts for Modern JS Developers
https://www.toptal.com/javascript-consultants/tips-and-practices
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
BCG
React, TypeScript, Test-driven Development (TDD), MUI (formerly Material UI)...
Endeavor
HTML, CSS, Webflow, JavaScript, UI Development, Figma, Landing Pages...
Undisclosed
JavaScript, Front-end, HTML, CSS, Node.js, Bash, Next.js, Web Components...
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
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), MUI (formerly 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
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
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
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
Product Designer | Front-end Developer
2019 - 2020
Cprime
- Led the redesign of Power Suite: automation plugins for Jira software based on SIL (simple issue language) scripting language.
- Designed and developed an interface 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—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
Senior Back-end Developer
2019 - 2019
CashFlo
- Developed the whole 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 Google 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
React Native Developer
2019 - 2019
Praemere LLC (via Toptal)
- Created reusable components that reflected provided designs and became the application's core.
- Designed additional icons for the app, including weather icons.
- Redesigned the UI and improved the UX of some of the screens.
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
Senior Front-end Developer
2017 - 2018
MCH Group
- Co-led the development of PRNCPL: a single-page application focused on managing data and customers that is tailored for art shows.
- Redesigned architecture of the app: introducing naming conventions, rules for managing data flow between 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
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
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
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
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
GIM Ostrowo
http://gimostrowo.pl/Role: Designer | Developer
GIM Ostrowo is a leisure and recreation center. I helped them redefine and redesign their brand and develop a Material Design-based website.
Technologies: WordPress, Sass, JavaScript, jQuery, Bootstrap
GIM Ostrowo is a leisure and recreation center. I helped them redefine and redesign their brand and develop a Material Design-based website.
Technologies: WordPress, Sass, JavaScript, jQuery, Bootstrap
Fundacja ALIVIA
http://www.alivia.org.pl/Role: Developer
Fundacja ALIVIA is an NGO helping people diagnosed with cancer. I took part in redesigning their brand and helped them develop a new website.
The project involved building a knowledge-sharing platform and developing a CRM-like system for handling profiles of their patients. The core part of the system was processing and managing online payments (donations for patients) that were integrated with payment gateways.
Technologies: WordPress, PHP, Sass, JavaScript, jQuery, Foundation, Payment Gateway Integration
Fundacja ALIVIA is an NGO helping people diagnosed with cancer. I took part in redesigning their brand and helped them develop a new website.
The project involved building a knowledge-sharing platform and developing a CRM-like system for handling profiles of their patients. The core part of the system was processing and managing online payments (donations for patients) that were integrated with payment gateways.
Technologies: WordPress, PHP, Sass, JavaScript, jQuery, Foundation, Payment Gateway Integration
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
Stolzen Export
Role: Project Manager | Designer | Developer
Stolzen is a kitchen furniture producer that decided to expand their actions into the Western European markets. I helped them with redefining and redesigning their brand and developing a multilingual website.
Technologies: WordPress, Sass, JavaScript, jQuery, Bootstrap
Stolzen is a kitchen furniture producer that decided to expand their actions into the Western European markets. I helped them with redefining and redesigning their brand and developing a multilingual website.
Technologies: WordPress, Sass, JavaScript, jQuery, Bootstrap
Wypożyczalnia Cykliniarek
Role: Developer
Wypożyczalnia Cykliniarek is a Polish company offering the rental of floor sanders. They decided to expand their services from local to national. The project involved building an eCommerce website with WooCommerce and developing a tailor-made solution for handling the rental and pricing evaluation processes.
Technologies: WordPress, WooCommerce, PHP, Sass, JavaScript, jQuery, Bootstrap
Wypożyczalnia Cykliniarek is a Polish company offering the rental of floor sanders. They decided to expand their services from local to national. The project involved building an eCommerce website with WooCommerce and developing a tailor-made solution for handling the rental and pricing evaluation processes.
Technologies: WordPress, WooCommerce, PHP, Sass, JavaScript, jQuery, Bootstrap
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.
Skills
Languages
ECMAScript (ES6), CSS3, SCSS, Less, Sass, HTML5, JavaScript, HTML, CSS, PHP, TypeScript, EMCAScript 2015, Python, Python 3, Processing, SQL, GraphQL, Bash
Frameworks
Vanilla JS, Next.js, Bootstrap, ZURB Foundation, Redux, React Native, Express.js, Swagger, MUI (formerly Material UI), Django, Django REST Framework, Tailwind CSS, Jest, Serverless Framework, Responsive Frameworks, Flutter, Unity
Libraries/APIs
REST APIs, React Redux, Moment.js, Vuex, Vue, jQuery, React, Node.js, TensorFlow, Vue 2, 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, Bower, NPM, SendGrid, Expo, Webpack, Babel
Paradigms
Responsive, Responsive Layout, Agile, 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, Serverless Architecture, Web Architecture, Continuous Integration (CI), Continuous Delivery (CD), E2E Testing, Event-driven Architecture, DevOps
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, Google Cloud, PostgreSQL, MySQL, MongoDB, Relational Databases, NoSQL, Cloud Firestore
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, Bootstrap 5, Software Design, Startups, Subscription Processing, Remote Team Leadership, Chrome Extensions, QA Automation, Processing.js, CSS-in-JS, WCAG 2, Accessibility, Web Accessibility, Algorithms, UX Testing, Animation, GPT, OpenAI GPT-3 API, DALL-E 2, CI/CD Pipelines, OpenAI GPT-4 API, Mobile Applications, ChatGPT, Generative Pre-trained Transformers (GPT), Leadership, Technical Leadership, GPT-4, Bitcoin, Negotiation, Service Design, University Teaching, Material Design, Language Models, Artificial Intelligence (AI), Vector Data
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