Alan Hadyk
Verified Expert in Engineering
React, TypeScript, and GraphQL Developer
Myslowice, Poland
Toptal member since April 2, 2021
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
Experience
Availability
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
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.
Front-end Engineer
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.
Senior React Developer
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.
Front-end Engineer
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.
Full-stack Developer
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.
Full-stack Developer
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.
Senior Front-end Developer
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.
Front-end Developer
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.
Front-end Developer
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.
Freelance Developer
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.
Experience
Personal Website
https://alanhadyk.dev/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
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/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.
Education
Associate's Degree in Sound Engineering
Regionalny Ośrodek Edukacji - Katowice, Poland
High School Diploma in Information Technology
SOSW - Tarnowskie Góry, Poland
Skills
Libraries/APIs
React, React Testing Library, jQuery, REST APIs, Node.js, 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
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, Test-driven Development (TDD)
Platforms
Web, Docker, Buildkite, Firebase, Amazon Web Services (AWS)
Storage
JSON, PostgreSQL, MongoDB
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), APIs, Software Architecture, Mastering, Mixing, Service Workers, Fintech, Nodemailer, WebSockets, Chakra UI, GraphQL Code Generator, API Integration, Vite, CSS Frameworks, CSS5, CI/CD Pipelines, Axios, System Design
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