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

Expertise
Responsive Web DevelopmentCSSUI DevelopmentFront-endWeb DevelopmentJavaScriptJSONReact.jsTypeScriptjQueryHTML5REST APIGraphQLNext.jsAuth0
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

Grocify
React Native, React Native Reanimated, React Native Navigation, React...
Mixmax
Cypress, Docker, Express.js, Jest, Backbone.js, JavaScript, Node.js, React...
SaaS for Content Writers
React, CSS, HTML, Tailwind CSS, JavaScript, TypeScript, Prisma, React Query...

Experience

  • JavaScript - 15 years
  • React - 9 years
  • Jest - 7 years
  • TypeScript - 7 years
  • Styled-components - 6 years
  • Node.js - 6 years
  • GraphQL - 5 years
  • Apollo - 3 years

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

Co-founder

2023 - PRESENT
Grocify
  • Architected a React Native mobile app from scratch, providing a solid foundation for upcoming features.
  • Created UI design system for mobile app from the ground up, providing a consistent UX experience.
  • Implemented a sync between the local database and the cloud, resulting in a local-first system.
Technologies: React Native, React Native Reanimated, React Native Navigation, React, React Query, Dripsy, UI Design, iOS UI Design, Mobile UI Design, Android UI Design, TypeScript, JavaScript, UX Design, UX Flows, PowerSync, Supabase, Supabase Auth, Local-first, SQLite, Relational Databases, PostgreSQL, Expo, Figma, Confluence, Cloud, Coolify, APIs, Software Design

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, React Testing Library, Styled-components, TypeScript, Webpack, NPM, Full-stack, Amazon Web Services (AWS), Software Architecture, System Design, Functional Programming, Zustand

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, CSS, HTML, Tailwind CSS, JavaScript, TypeScript, Prisma, React Query, REST, Vite, CSS Frameworks, ECMAScript (ES6), Front-end, GitHub, Figma, Web Development, Architecture, REST APIs, JSON, SVG, Atomic Design, Front-end Development, Web, 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, Tailwind CSS, TypeScript, Prisma, GraphQL, Apollo, GraphQL Code Generator, React Apollo, Pixel Perfect, Responsive Web Apps, CSS, CSS3, HTML, HTML5, JavaScript, ECMAScript (ES6), GitHub, Figma, Web Development, JSON, SVG, Unit Testing, Front-end Development, Web, 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, Next.js, Tailwind CSS, Auth0, Webpack, Jest, React Testing Library, Cypress, Node.js, Apollo, GraphQL, Docker, Pixel Perfect, Responsive Web Apps, CSS, CSS3, HTML, HTML5, ECMAScript (ES6), Front-end, GitHub, Figma, Web Development, Architecture, JSON, SVG, Atomic Design, Front-end Development, Web, 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, Next.js, Tailwind CSS, Chakra UI, Webpack, Jest, React Testing Library, Cypress, Node.js, NestJS, Apollo, GraphQL, Docker, GitLab, GitLab CI/CD, Pixel Perfect, Responsive Web Apps, CSS, CSS5, HTML, ECMAScript (ES6), Front-end, Web Development, JSON, SVG, React Apollo, E2E Testing, Unit Testing, Front-end Development, React Query, Create React App, Web, 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, Ruby on Rails (RoR), 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, Continuous Deployment, CSS3, CSS3 Animation, Git, Lighthouse, HTML5, PageSpeed, User Interface (UI), ECMAScript (ES6), Front-end, GitHub, Fintech, Full-stack, Agile, Architecture, REST APIs, SVG, Pixel Perfect, Atom, Responsive Web Apps, Web Development, JSON, Atomic Design, React Apollo, Apollo Server, Storybook, CSS-in-JS, E2E Testing, Unit Testing, Front-end Development, Create React App, Web, 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, Redux, Ember.js, Sass, Docker, QUnit, Webpack, Node.js, REST, Zeplin, Jira, Jenkins, GitLab, Jest, HTML, Enzyme, Less, CSS, Continuous Deployment, CSS3, CSS3 Animation, Git, HTML5, Microsoft Teams, PageSpeed, User Interface (UI), ECMAScript (ES6), GitHub, Confluence, Front-end, Agile, Web Development, REST APIs, JSON, SVG, Pixel Perfect, Atom, SCSS, Responsive Web Apps, Storybook, E2E Testing, Unit Testing, Front-end Development, Create React App, Web, 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, Redux, CSS Modules, Webpack, Node.js, Docpad, Jest, Enzyme, Jira, Stash, Bamboo, HTML, Adobe Photoshop, Sass, REST, CSS, Confluence, Continuous Deployment, CSS3, CSS3 Animation, Git, HTML5, PageSpeed, User Interface (UI), ECMAScript (ES6), GitHub, Front-end, Agile, Web Development, REST APIs, JSON, SVG, Pixel Perfect, Atom, SCSS, Responsive Web Apps, Atomic Design, Unit Testing, Front-end Development, Create React App, Web, 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, Less, jQuery, PrestaShop, Redmine, HTML, Adobe Photoshop, CSS, CSS3, CSS3 Animation, HTML5, User Interface (UI), Front-end, Web Development, REST APIs, JSON, Pixel Perfect, SCSS, Responsive Web Apps, Front-end Development, Web, UX Design

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, Adobe Photoshop, CSS3, CSS3 Animation, User Interface (UI), Front-end, Web Development, REST APIs, JSON, Responsive Web Apps, Front-end Development, Web

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.

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, React Testing Library, jQuery, REST APIs, Node.js, Playwright, React Query, Backbone.js

Tools

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

Languages

JavaScript, TypeScript, GraphQL, HTML, Less, CSS, CSS3, HTML5, ECMAScript (ES6), SCSS, Sass, Ruby, CoffeeScript

Frameworks

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

Paradigms

REST, E2E Testing, Unit Testing, Continuous Deployment, Agile, Functional Programming, UX Design, Test-driven Development (TDD), UI Design, iOS UI Design, Mobile UI Design

Platforms

Web, Docker, Buildkite, Firebase, Amazon Web Services (AWS)

Storage

JSON, PostgreSQL, MongoDB, SQLite, Relational Databases

Other

Styled-components, Sound, Enzyme, Apollo, CSS Modules, CSS3 Animation, User Interface (UI), Front-end, Web Development, SVG, Atomic Design, Apollo Server, Pixel Perfect, Storybook, CSS-in-JS, Front-end Development, Responsive Web Apps, Server-side Rendering (SSR), Museums & Exhibits, Full-stack, Architecture, Progressive Web Applications (PWAs), Vite, APIs, Software Architecture, Zustand, Mastering, Mixing, Service Workers, Fintech, Nodemailer, WebSockets, Chakra UI, GraphQL Code Generator, API Integration, CSS Frameworks, CSS5, CI/CD Pipelines, Axios, System Design, React Native Reanimated, React Native Navigation, Dripsy, Android UI Design, UX Flows, PowerSync, Supabase, Supabase Auth, Local-first, Cloud, Coolify, Software 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