
Patryk Pawłowski
Verified Expert in Engineering
Product Designer and Front-end Developer
Gdynia, Poland
Toptal member since December 24, 2016
Patryk is a senior full-stack developer with 13+ years of experience building web, mobile, APIs, tooling, and AI-powered apps. He has led projects for startups and enterprises. He specializes in agentic systems and AI workflows using Claude Code and Copilot, designing structured prompting, guardrails, and reusable components. With a design background, he delivers polished, scalable, user-focused products.
Portfolio
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
Preferred Environment
Git
The most amazing...
...project I've developed is a UI library that spread across the organization and is being used by multiple teams and projects at Boston Consulting Group.
Work Experience
Full-stack Developer
Langan
- Transformed an early POC of Langan Copilot (an AI platform for automating Phase I ESA reports) into a production-ready system.
- Designed and implemented AI-assisted content generation workflows, including editing, regeneration, validation, and acceptance pipelines.
- Built full-stack features (React, Python, FastAPI), including authentication, structured data flows, and AI-driven content management systems.
- Improved front-end architecture: component modularization, API state handling (React Query), validation (Zod), and robust UX states.
- Extended document generation system (Word/PDF) with structured formatting and bookmarking.
- Implemented end-to-end testing (Playwright) and integrated it into CI/CD.
Next.js Developer
Apart People AS
- Led the development of a complex leads management system with multi-step workflows (Next.js, TypeScript, Shadcn).
- Used Claude Code actively in production workflows to accelerate feature development.
- Designed agent rules, reusable components, and architecture patterns to guide AI-generated code.
- Built a design-to-code pipeline using MCP, translating Figma designs into code and validating outputs via screenshot comparison loops.
- Reviewed and refined AI outputs to ensure consistency, maintainability, and alignment with system architecture.
- Created structured mock data systems reflecting relational database behavior.
Design Engineer
Foyer
- Led a team of three developers and designers in a complete UI redesign of a fintech application for first-time homebuyers, setting code standards, and ensuring alignment with best UX practices. The app was built in React, TypeScript, and Capacitor.
- Reviewed and re-architected the codebase, developing a UI Component Library in React, and documented it via Storybook.
- Developed animations and transitions into the app, adding a "native mobile app" feeling to it.
- Mentored junior developers by providing regular guidance, conducting pair-programming sessions, and fostering skill development. Led thorough code reviews to ensure high code quality and best practices across the team.
- Worked closely with the product designer, improving designs and clarifying edge cases.
Senior Full-stack Developer
TerrAI
- Led front-end development of a cross-platform AI assistant for property management (React, Ionic, Capacitor).
- Built back-end services with NestJS and FastAPI to support AI-driven features.
- Contributed to AI-assisted UX flows, simplifying complex legal/property data into actionable insights.
- Led product design efforts, aligning AI capabilities with user experience.
Game Developer
Badger²
- Developed games and prototypes in Unity/C# and Phaser.io.
- Brainstormed and contributed ideas to the game design.
- Translated and localized multiple games into Polish.
- Created pixel art sprites and tilesets for multiple games.
- Released time glitch and worked on releasing rescue command.
Full-stack Developer
BCG
- Led the front-end development team in building a React app for managing marketing campaigns, overseeing the implementation of complex state management, optimizing performance, enforcing code quality standards, and integrating with back-end APIs.
- Led the proposal and development of a UI component library in collaboration with a designer, driving its adoption and integration across multiple projects in the organization to ensure consistency, reusability, and improved development efficiency.
- Integrated GPT-4 and DALL-E 2 to generate email templates based on the user's input, including images and HTML/CSS structure.
- Developed REST API endpoints with Python and Django.
Front-end Developer
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.
JavaScript Developer
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.
Teaching Assistant
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.
Product Designer | Front-end Developer
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.
Senior Back-end Developer
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.
React Native Developer
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.
Senior Front-end Developer
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.
Founder | WordPress Developer | Product Designer
Mevove Studio
- Designed and developed websites using WordPress and WooCommerce.
- Led small creative teams of copywriters, software developers, and graphic designers.
- Collaborated with software houses, interactive agencies, and freelancers on web projects.
- Converted PSD files to prototypes or fully functional websites using HTML/CSS, JavaScript, WordPress, and PHP.
- Briefed clients, negotiated contracts, and pitched projects.
Experience
Children's Spy Agency
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/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
Firestore Schema Validator
https://github.com/bypatryk/firestore-schema-validatorTime Glitch
https://store.steampowered.com/app/2705800/Time_Glitch/CashFlo
Technologies used: Node.js, Express.js, Google Firebase, PayPal API
TerrAI
https://www.terr.ai/Fabriq AI
Foyer Savings
https://www.foyersavings.com/UFC Performance Institute
https://www.ufcpi.com/I was tasked to build a website for UFC PI.
Education
Master of Arts Degree in Graphic Design
Academy of Fine Arts in Gdańsk - Gdańsk, Poland
Participated in an Erasmus Exchange in Graphic Design
Escola d'Art i Superior de Disseny de Castelló - Castelló de la Plana, Spain
Bachelor's Degree in Graphic Design
Polish-Japanese Academy of Information Technology - Gdańsk, Poland
Certifications
Young Leaders Academy (Akademia Młodego Lidera)
GFKM | Gdańska Fundacja Kształcenia Menedżerów
Successful Negotiation: Essential Strategies and Skills
Coursera | University of Michigan
Blockchain and Bitcoin Fundamentals
Udemy
Leader of the Future — Management Training
Grupa Progres
Design EntrepreneurSHIP — Design Management
Gdynia Design Centre
Gdynia Advanced Business Week — Business Leadership Program
Washington Business Week
Gdynia Business Week — Business Leadership Program
Washington Business Week
Skills
Libraries/APIs
REST APIs, React Redux, Moment.js, Vuex, Vue, jQuery, React, Node.js, TensorFlow, Vue 2, React Router, React Query, 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, Stripe API, Playwright, React Hook Form
Tools
Vue CLI, Gulp, Advanced Custom Fields (ACF), Git, GitHub, Jira, Bitbucket, Asana, Photoshop CC, Illustrator CC, Adobe CC, NPM, Canvas, Figma, Photoshop CS6, Mongoose, Redux Toolkit, NGINX, Claude Code, AI Prompts, Bower, SendGrid, Expo, ChatGPT, Zapier, Webpack, Babel, Celery, Prisma, Capacitor, Stream Chat
Languages
ECMAScript (ES6), CSS3, SCSS, Less, Sass, HTML5, JavaScript, HTML, CSS, PHP, TypeScript, SQL, EMCAScript 2015, Python, Python 3, C#, Processing, Google Apps Script, GraphQL, Bash
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, NestJS, Agentic Frameworks, Jest, Serverless Framework, Responsive Frameworks, Flutter, Unity2D, Laravel, Flask, Unity3D, Electron, Phaser.io, Ionic
Paradigms
Responsive, Responsive Layout, Web Architecture, 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, Model Context Protocol (MCP), Unit Testing, Mobile Development, DevOps, Gamification, Microservices, Serverless Architecture, E2E Testing, Event-driven Architecture, Code Refactoring
Platforms
WordPress, Windows, Firebase, AWS Lambda, Amazon Web Services (AWS), WooCommerce, Mobile, Webflow, Google Cloud Platform (GCP), Docker, Ontraport, Linux, iOS, Android, Blockchain, Azure, Heroku, Kubernetes, Mailgun, Mapbox
Storage
PostgreSQL, Cloud Firestore, JSON, MongoDB, NoSQL, Databases, Google Cloud, MySQL, Relational Databases, Redis
Industry Expertise
Project Management, Web Design, Photography
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 (SPAs), 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, Mobile First, OpenAI, Design Systems, Single Sign-on (SSO), Email, HTML Email, JavaScript Libraries, 2D Games, Generative Artificial Intelligence (GenAI), Data Visualization, eCommerce, Dashboards, Back-end Development, Consulting, Large Language Models (LLMs), MERN Stack, ChatGPT API, Web Servers, Prompt Engineering, Front-end Architecture, Client Relationship Management, English, Data Modeling, JSON REST APIs, Agentic AI, Agentic AI Systems, Cursor AI, 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, 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, Visualization, Generative Pre-trained Transformer 4 (GPT-4), Bitcoin, Negotiation, Service Design, University Teaching, Material Design, Language Models, Vector Data, Pixel Art, Game Design, Fintech, 3D Games, Firebase Hosting, Supabase, FastAPI, Chatbots, AI Chatbots, UI Animation, UI Components, AI Agents
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
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring