Alan Hadyk, Developer in Myslowice, Poland
Alan is available for hire
Hire Alan

Alan Hadyk

Verified Expert  in Engineering

React, TypeScript, and GraphQL Developer

Myslowice, Poland

Toptal member since April 2, 2021

Bio

Alan is a veteran front-end engineer with 14 years of impact. Alan orchestrated a SaaS revamp, accelerated a Next.js MVP to market, crafted a dashboard serving 22,000+ brands, and translated 60+ designs into eCommerce sites, generating over 2 million PLN in revenue.

Portfolio

Mixmax
Cypress, Docker, Express.js, Jest, Backbone.js, JavaScript, Node.js, React.js...
SaaS for Content Writers
React.js, CSS, HTML, Tailwind CSS, JavaScript, TypeScript, Prisma, React Query...
Healthcare SaaS
Front-end, React.js, Tailwind CSS, TypeScript, Prisma, GraphQL, Apollo...

Experience

Availability

Full-time

Preferred Environment

JavaScript, TypeScript, React, Node.js, GraphQL, Jest, Cypress, React Query, Tailwind CSS, NPM

The most amazing...

...project I've worked on is an engine empowering community-led business. It was exciting to work on a product that enables communities to spark connections.

Work Experience

Senior Software Engineer

2024 - 2024
Mixmax
  • Refactored a legacy Backbone module into modern React code, improving the performance of the front end.
  • Implemented a service layer designed to communicate with Amazon S3, simplifying the content upload process.
  • Fixed several P1 issues on time, mitigating financial loss and customer dissatisfaction.
Technologies: Cypress, Docker, Express.js, Jest, Backbone.js, JavaScript, Node.js, React.js, React Testing Library, Styled-components, TypeScript, Webpack, NPM, Full-stack, AWS, Software Architecture, System Design, Functional Programming

Front-end Engineer

2022 - 2023
SaaS for Content Writers
  • Created a React SaaS with a WYSIWYG editor, improving the content creation process.
  • Implemented a permission system by creating tailored UIs and user flows based on API permissions, improving security, and allowing user interactions based on their roles.
  • Cut network requests by up to 70% with TanStack Query caching, eliminating a data-fetching bottleneck.
  • Enabled real-time conversations between users with WebSocket, resulting in faster decision-making.
  • Sped up UI development with Windi CSS, enabling the team to meet tight project deadlines.
Technologies: React.js, CSS, HTML, Tailwind CSS, JavaScript, TypeScript, Prisma, React Query, REST, Vite, CSS Frameworks, ECMAScript 6, Front-end, GitHub, Figma, Web Development, Architecture, REST API, JSON, SVG Design, Atomic Design, Front-end Development, Web Development, Axios, APIs, NPM, Software Architecture, System Design, Functional Programming

Senior React Developer

2022 - 2022
Healthcare SaaS
  • Developed an AI-powered healthcare form that improves diagnostic accuracy.
  • Reduced API costs by 30% with GraphQL, optimizing communication with back-end services.
  • Implemented route lazy loading, reducing initial bundle size by 40%, leading to faster loading times.
Technologies: Front-end, React.js, Tailwind CSS, TypeScript, Prisma, GraphQL, Apollo, GraphQL Code Generator, React Apollo, Pixel Perfect, Responsive Web Development, CSS, CSS3, HTML, HTML5, JavaScript, ECMAScript 6, GitHub, Figma, Web Development, JSON, SVG Design, Unit Testing, Front-end Development, Web Development, NPM, System Design, Functional Programming

Front-end Engineer

2021 - 2022
Real Estate Startup
  • Built a consumer-facing real estate platform MVP using Next.js, Apollo, and Auth0.
  • Integrated a .NET back end using GraphQL, Auth0 for authentication, and Plaid for open banking.
  • Implemented server-side rendering to optimize application performance by integrating Apollo Client for cache hydration, speeding up initial page loads on the client side.
  • Used Sentry for real-time error tracking, minimizing the number of issues and increasing system reliability.
Technologies: JavaScript, TypeScript, React.js, Next.js, Tailwind CSS, Auth0, Webpack, Jest, React Testing Library, Cypress, Node.js, Apollo, GraphQL, Docker, Pixel Perfect, Responsive Web Development, CSS, CSS3, HTML, HTML5, ECMAScript 6, Front-end, GitHub, Figma, Web Development, Architecture, JSON, SVG Design, Atomic Design, Front-end Development, Web Development, Server-side Rendering (SSR), NPM, Software Architecture, System Design, Functional Programming

Full-stack Developer

2021 - 2021
Tribe Technologies
  • Created a notification system by developing API endpoints in NestJS and integrating them into a Next.js UI, increasing user activity and improving retention rates.
  • Resolved performance issues with large datasets by implementing virtualized lists that only render items in view, improving UI responsiveness and reducing load times.
  • Improved the release and deployment processes by simplifying approval protocols to require only QA sign-off, resulting in a faster release cycle and feature deployment.
Technologies: JavaScript, TypeScript, React.js, Next.js, Tailwind CSS, Chakra UI, Webpack, Jest, React Testing Library, Cypress, Node.js, NestJS, Apollo, GraphQL, Docker, Git, GitLab CI/CD, Pixel Perfect, Responsive Web Development, CSS, CSS, HTML, ECMAScript 6, Front-end, Web Development, JSON, SVG Design, React Apollo, E2E Testing, Unit Testing, Front-end Development, React Query, Create React App, Web Development, Server-side Rendering (SSR), APIs, NPM, Software Architecture, System Design, Functional Programming

Full-stack Developer

2018 - 2021
Opn
  • Architected a React merchant dashboard that served over 22,000 brands worldwide.
  • Designed and implemented an API gateway with Express, Node.js, Apollo, and GraphQL, improving the speed, accuracy, and reliability of back-end communication.
  • Collaborated with the CTO, product managers, and back-end engineers to provide integration and efficient data handling between the front end and a Node.js server via GraphQL.
  • Integrated three banks with gRPC and Ruby microservices, extending payment capabilities.
  • Improved security with cookie-based authentication and data retrieval speed through Apollo caching.
Technologies: JavaScript, Ruby, React.js, Ruby on Rails, Sinatra, Styled-components, Webpack, Jest, Enzyme, React Testing Library, Cypress, Node.js, Express.js, Apollo, GraphQL, Docker, Jenkins, Buildkite, Jira, Museums & Exhibits, Basecamp, HTML, Redux, REST, CSS, Confluence, Agile Development, CSS3, CSS, Git, Lighthouse, HTML5, Web Development, UI Development, ECMAScript 6, Front-end, GitHub, Fintech Development, Full-stack, Agile Development, Architecture, REST API, SVG Design, Pixel Perfect, Atom, Responsive Web Development, Web Development, JSON, Atomic Design, React Apollo, Apollo Server, Storybook, CSS-in-JS, E2E Testing, Unit Testing, Front-end Development, Create React App, Web Development, CI/CD Pipelines, APIs, NPM, Software Architecture, System Design, Functional Programming

Senior Front-end Developer

2017 - 2018
SHIJI
  • Contributed to the development of a reservations module, streamlining hotel management processes.
  • Showcased proactive R&D by introducing a React-based proof of concept (POC), expediting decision-making.
  • Boosted product reliability and mentored juniors, enhancing team quality and growth.
Technologies: JavaScript, TypeScript, React.js, Redux, Ember.js, Sass, Docker, QUnit, Webpack, Node.js, REST, Zeplin Design, Jira, Jenkins, Git, Jest, HTML, Enzyme, Learner Style Sheets, CSS, Agile Development, CSS3, CSS, Git, HTML5, Microsoft Teams Development, Web Development, UI Development, ECMAScript 6, GitHub, Confluence, Front-end, Agile Development, Web Development, REST API, JSON, SVG Design, Pixel Perfect, Atom, SCSS, Responsive Web Development, Storybook, E2E Testing, Unit Testing, Front-end Development, Create React App, Web Development, NPM, Functional Programming

Front-end Developer

2015 - 2017
SAP
  • Streamlined YaaS microservices with standardized Markdown, enhancing production efficiency.
  • Developed the business portal's front-end, elevating stakeholder engagement.
  • Delivered university lectures under "Hack Your Career," aiding in the recruitment of top-tier interns.
Technologies: JavaScript, CoffeeScript, React.js, Redux, CSS Modules, Webpack, Node.js, Docpad, Jest, Enzyme, Jira, Stash, Bamboo, HTML, Photoshop, Sass, REST, CSS, Confluence, Agile Development, CSS3, CSS, Git, HTML5, Web Development, UI Development, ECMAScript 6, GitHub, Front-end, Agile Development, Web Development, REST API, JSON, SVG Design, Pixel Perfect, Atom, SCSS, Responsive Web Development, Atomic Design, Unit Testing, Front-end Development, Create React App, Web Development, NPM, Functional Programming

Front-end Developer

2010 - 2015
dih.pl
  • Converted designs into 60+ eCommerce shops, generating an estimated 2+ million PLN in revenue.
  • Spearheaded UI development processes, resulting in enhanced design consistency and streamlined development cycles.
  • Introduced the use of Redmine as a project management tool, significantly reducing email-based communication and improving overall project management efficiency.
Technologies: JavaScript, Sass, Learner Style Sheets, jQuery, PrestaShop, Redmine, HTML, Photoshop, CSS, CSS3, CSS, HTML5, UI Development, Front-end, Web Development, REST API, JSON, Pixel Perfect, SCSS, Responsive Web Development, Front-end Development, Web Development

Freelance Developer

2008 - 2010
Self-employed
  • Launched front-end career, gaining repeat business through quality work.
  • Leveraged personal networks to secure small-scale projects, showcasing adaptability and gaining practical coding experience.
  • Built a reputation in the local tech community through consistent delivery of quality work, leading to referrals and repeat projects.
Technologies: CSS, HTML, JavaScript, jQuery, Photoshop, CSS3, CSS, UI Development, Front-end, Web Development, REST API, JSON, Responsive Web Development, Front-end Development, Web Development

Personal Website

https://alanhadyk.dev/
My personal website is a cutting-edge web application built with Next.js and Tailwind CSS, demonstrating my proficiency in front-end development and design.

In terms of styling, I swapped out styled-components for Tailwind CSS. This utility-first CSS framework enabled me to craft a custom, responsive design while writing less CSS. It made my website more performant by reducing the amount of CSS delivered to the client.

The source code for this website is openly available on my GitHub profile, encouraging the ethos of open-source contribution and demonstrating my coding practices. This transparency allows others to learn from, contribute to, and even critique my work, fostering a collaborative learning environment.

In conclusion, my personal website is a testament to my front-end development and design skills. It highlights my ability to stay abreast of industry advancements and showcases my commitment to continuous learning and improvement. The site's success in attracting business opportunities also underscores the value of these skills in the marketplace.

Cryptonetic

I am the founder of Cryptonetic. This project is not publicly available yet.

Why Cryptonetic?
• The top 100 wallets hold 18% of Bitcoin's value. The biggest players can easily control the market at the expense of millions of smaller investors. Join the revolution and defy the establishment!

How does Cryptonetic work?
• It's very simple—earn trust tokens on the Cryptonetic platform and spend them by voting for cryptocurrencies you believe in. Trust tokens reflect your belief in the value of a particular project. For 50% of the value of each deposit, we will purchase the cryptocurrency you voted for. At the end of each month, we will draw users to win cryptocurrencies purchased with trust tokens.

What is Cryptonetic?
• Cryptonetic is an infinite map that lists all cryptocurrencies, and cryptocurrency exchanges, sorted by the trust people have in them. You will find detailed information about cryptocurrencies such as trading volume, volume, exchange rate, and position on our list. We will help you decide which cryptocurrency exchange to choose based on information such as the number of cryptocurrencies available, stable coins, daily volume, and market/taker commission.

Tribe

https://tribe.so/
Tribe is an engine empowering community-led businesses, such as IBM, ASUS, and Pipedrive, and a customizable community platform.

I was deeply involved in the process of developing various features for the front-end and back-end layers of Tribe's social platform. Features such as setting custom domain, following posts, or FullStory integration allowed Tribe to gain new customers and increase revenue.
2008 - 2010

Associate's Degree in Sound Engineering

Regionalny Ośrodek Edukacji - Katowice, Poland

2004 - 2007

High School Diploma in Information Technology

SOSW - Tarnowskie Góry, Poland

Libraries/APIs

React.js, React Testing Library, jQuery, REST API, Node.js, Playwright, React Query, Backbone.js

Tools

Photoshop, Confluence, Git, React Apollo, Create React App, NPM, Webpack, Jira, Git, GitHub, Figma, GitLab CI/CD, Atom, Canvas 2D, Jenkins, Basecamp, Zeplin Design, Docpad, Stash, Bamboo, PrestaShop, Redmine, Lighthouse, Microsoft Teams Development, Web Development, Canvas, Sequelize, Auth0, Prisma

Languages

JavaScript, TypeScript, GraphQL, HTML, Learner Style Sheets, CSS, CSS3, HTML5, ECMAScript 6, SCSS, Sass, Ruby, CoffeeScript

Frameworks

Jest, Redux, Next.js, Tailwind CSS, React Native, Express.js, Cypress, Ruby on Rails, Sinatra, Ember.js, QUnit, NestJS

Paradigms

REST, E2E Testing, Unit Testing, Agile Development, Agile Development, Functional Programming, Agile Development

Platforms

Web Development, Docker, Buildkite, Firebase, AWS

Storage

JSON, PostgreSQL, MongoDB

Other

Styled-components, Sound, Enzyme, Apollo, CSS Modules, CSS, UI Development, Front-end, Web Development, SVG Design, Atomic Design, Apollo Server, Pixel Perfect, Storybook, CSS-in-JS, Front-end Development, Responsive Web Development, Server-side Rendering (SSR), Museums & Exhibits, Full-stack, Architecture, Progressive Web Applications (PWAs), Vite, APIs, Software Architecture, Mastering, Mixing, Service Workers, Fintech Development, Nodemailer, WebSockets, Chakra UI, GraphQL Code Generator, API Integration, CSS Frameworks, CSS, CI/CD Pipelines, Axios, System Design

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