Patrick Bruckner, Developer in Ybbs an der Donau, Austria
Patrick is available for hire
Hire Patrick

Patrick Bruckner

Verified Expert  in Engineering

Software Developer

Ybbs an der Donau, Austria

Toptal member since November 16, 2021

Expertise
Software DevelopmentCSSGitJavaScriptJiraTypeScriptReact.jsReduxFull-stackMySQLSQLREST APIPHPWordPress Development
Bio

Patrick likes developing complex apps using Next.js, React, React Native, or other JavaScript-based frameworks. In Patrick, you will find a creative developer eager to contribute to the team and work on challenging tasks. He is a long-time senior developer and currently loves to work with technologies like tRPC, Prisma, ReactQuery, and t3-stack

Portfolio

Best IT
Software Development, React, Commercetools, Shopware, Node.js, JavaScript, PHP...
cncMonster
Laravel, Ionic, Angular, JavaScript, Vue, SQL, REST APIs, REST, Firebase...
Kubid Systems
Laravel, JavaScript, Angular, Lumen, SQL, REST APIs, REST, MongoDB...

Experience

  • Software Development - 8 years
  • JavaScript - 6 years
  • TypeScript - 4 years
  • Tailwind CSS - 3 years
  • React - 3 years
  • React Redux - 3 years
  • Next.js - 2 years
  • React Native - 2 years

Availability

Part-time

Preferred Environment

MacOS, Visual Studio Code (VS Code), Slack

The most amazing...

...thing I've developed recently is a graphical Tailwind designer built on the t3 stack, using Next.js, React, tRPC, React Query, and Prisma, among others.

Work Experience

Senior Full-stack Developer

2020 - 2021
Best IT
  • Developed a multi-platform eCommerce system with React, Node.js, and Symfony from scratch.
  • Built a custom component system with component hierarchy, inheritance, and multi-theming mechanisms.
  • Held courses on modern CSS systems and CSS organization for the whole development department.
Technologies: Software Development, React, Commercetools, Shopware, Node.js, JavaScript, PHP, GraphQL, Prototyping, UX Design, UI Design, SQL, REST APIs, React Redux, Redux, REST, MongoDB, CSS, Express.js, MySQL, APIs, Responsive UI, Team Leadership, Technical Leadership, TypeScript, HTML, Scrum, Jira, Cypress, Git, Jenkins, Tailwind CSS, Mobile Development

Senior Software Developer

2017 - 2020
cncMonster
  • Planned and developed an Ionic app with Firebase from scratch.
  • Implemented custom Ionic components, authentication, database, and media storage.
  • Enhanced an existing system based on Laravel and Vue.js with modular components.
Technologies: Laravel, Ionic, Angular, JavaScript, Vue, SQL, REST APIs, REST, Firebase, Google Cloud Platform (GCP), CSS, MySQL, Payment APIs, Payment Gateways, APIs, Responsive UI, Full-stack, Team Leadership, Technical Leadership, HTML, Git, Mobile Development

Software Developer

2015 - 2017
Kubid Systems
  • Developed a customer management system from scratch.
  • Implemented a theme-based standalone front end from scratch.
  • Held courses on modern JavaScript and front-end technologies for all team members.
Technologies: Laravel, JavaScript, Angular, Lumen, SQL, REST APIs, REST, MongoDB, Amazon Web Services (AWS), CSS, MySQL, APIs, Responsive UI, Full-stack, HTML, Git

Graphic Designer | Web Developer

2012 - 2015
IT-CENTER
  • Designed and developed individual web templates from scratch.
  • Implemented these web templates into WordPress themes.
  • Created specialized WordPress plugins for customers. Implemented a WordPress theme builder before Elementor or other theme builders were present.
Technologies: Software Development, Graphics, JavaScript, PHP, WordPress, SQL, CSS, MySQL, HTML, Git

Front-end Developer

2011 - 2012
Infoniqa Holding
  • Refactored the front end from Frames with inline styles to dynamic modular components.
  • Implemented a theming mechanism to a static-designed platform.
  • Gave courses on JavaScript and jQuery to a team of developers.
Technologies: JavaScript, jQuery, Software Development, APIs

Experience

Tailwind Designer

A Next.js and React platform to build your own UI components from scratch.
The goal is to create fast interfaces for any application using Tailwind without having to look it up in the documentation. I built this project alone.

HOW IT WORKS

1. Write or copy your existing component in the html-editor (https://github.com/suren-atoyan/monaco-react)
2. See your live component in a preview where you can select which element you want to change.
3. Style any selected element by having all Tailwind properties in a graphical (Photoshop-like) way. Every Tailwind class name is available and grouped by category and property.
4. Save styled-components to a database using tRPC and Prisma.
5. Create multiple components for multiple projects.
6. Export the finished component as HTML or JSX for your project.

Tom Tailor eCommerce System

http://www.tom-tailor.de
This Next.js application was built on top of Frontastic, an eCommerce system powered by commercetools. It is a design-driven system with lots of different components and services (logging, tracking, recommending, etc.). I was in charge of maintaining and improving the application, including creating features and fixing bugs but mainly refactoring code for better reusability and structure.

Austrian Government Health System Apps

The Austrian health system is split into some major organizations. Three of them have separate apps for their clients. My job was to maintain these React Native-based apps and further future-proof the app.

Multi-platform eCommerce System

This React system with multi-theming and component inheritance connects to a Bloomreach CMS for content and a self-created Symfony gateway. Symfony gateway links commercetools for eCommerce features like payment, order management, and product information.

Education

2004 - 2010

Engineer's Degree in Media Technology

IT-HTL for Information and Media Technology - Ybbs an der Donau, Austria

Skills

Libraries/APIs

React, React Redux, Node.js, REST APIs, jQuery, Vue, React Query

Tools

Jira, Git, Prisma, Redux Toolkit, Slack, Jenkins

Languages

JavaScript, CSS, TypeScript, HTML, PHP, GraphQL, SQL

Frameworks

React Native, Redux, tRPC, Laravel, Express.js, Next.js, Tailwind CSS, Angular, Lumen, Ionic, Symfony, Jest, Cypress

Paradigms

Scrum, UX Design, UI Design, REST, Unit Testing, Mobile Development

Platforms

WordPress, Firebase, Frontastic, MacOS, Visual Studio Code (VS Code), Commercetools, Google Cloud Platform (GCP), Amazon Web Services (AWS), Emarsys

Storage

MongoDB, MySQL

Other

Software Development, Responsive UI, APIs, Full-stack, Team Leadership, Technical Leadership, Zustand, Graphics, Typography, Shopware, Bloomreach Digital Experience Platform (DXP), Prototyping, Payment APIs, Payment Gateways, NextAuth.js

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