Rafal is available for hire

Rafal Graniczny

Verified Expert in Engineering

Front-end Developer

Location

Gdańsk, Poland

Toptal Member Since

July 7, 2021

Rafal is a developer known for his creative approach and strong focus on clear communication. He loves using the Lean method and is always ready to learn new technologies. His experience ranges from working with startups and small businesses to big companies, even co-founding a startup of his own. Rafal's main goal is to build reliable and easy-to-maintain systems that bring real value to any business.

React Hooks Web Development Single-page Applications (SPA)Front-end Bootstrap 4 React JavaScript CSS HTML5 React Router Flexbox Jest Redux Slack Visual Studio Code (VS Code)Document Object Model Enzyme AMP

Portfolio

Syngenta

React, JavaScript, Tailwind CSS, CircleCI, GitHub, Agile, Figma, CSS, Jest...

Comigrate

React, Next.js, NestJS, Node.js, Material UI, JavaScript, TypeScript...

Flashparking, Inc

JavaScript, React, Material UI, CSS, HTML, Storybook, GraphQL, REST...

Experience

JavaScript - 5 years React - 5 years Front-end - 4 years Jest - 4 years Redux - 4 years Node.js - 3 years TypeScript - 3 years Material UI - 3 years

Availability

Full-time

Preferred Environment

Jira, Trello, Slack, Visual Studio Code (VS Code), Adobe Experience Design (XD), Front-end

The most amazing...

...thing I've planned, researched, designed, and developed is RIDS, an application that helps road maintenance teams save their working time and makes roads safer.

Work Experience

Senior Front-end Engineer

2024 - 2024

Syngenta

Participated in development of a React-based application, that streamlined the work of thousands of farmers globally, enhancing their ability to produce safe and nutritious food sustainably.
Spearheaded a comprehensive refactoring initiative of the application's core feature module. My efforts reduced the module's codebase by around 50%, enhancing maintainability and readability. This significantly improved application performance.
Collaborated within an Agile framework with a diverse team of top-tier engineers, designers, and product managers to deliver two major epics on schedule.

Technologies: React, JavaScript, Tailwind CSS, CircleCI, GitHub, Agile, Figma, CSS, Jest, React Testing Library, React Hook Forms, Flexbox, Lodash, Amazon Web Services (AWS), AWS DevOps, Dashboards, Algorithms, Single-page Applications (SPA)

Senior Full-stack Developer

2023 - 2024

Comigrate

Developed an MVP for a legal tech startup, designed to assist individuals in organizing their migration process to their desired country. This application simplifies the complexities of relocation and provides resources for a smooth transition.
Developed a dynamic form creator for migration, enhancing user experience and streamlining the application process.
Directed the selection and deployment of our technology stack, ensuring optimal performance and scalability for project needs.
Worked closely with founders and user interface designers.

Technologies: React, Next.js, NestJS, Node.js, Material UI, JavaScript, TypeScript, AWS Elastic Beanstalk, AWS Amplify, Amazon S3 (AWS S3), Auth0, Amazon Simple Email Service (SES), AWS Data Pipeline Service, MongoDB, Design Systems, OAuth 2, Single Sign-on (SSO), Load Balancers, SSL Certificates, React Hook Forms, Flexbox, Server-side Rendering (SSR), Amazon Web Services (AWS), AWS DevOps, Back-end, Algorithms, Single-page Applications (SPA)

Senior Front-end Engineer via Toptal

2022 - 2023

Flashparking, Inc

Conceived and implemented a robust front-end architecture, providing a consistent development approach and enhancing code quality.
Engineered numerous features in close collaboration with designers and product owners, driving product development and user experience enhancements.
Led the introduction of advanced testing methods, boosting software reliability and significantly reducing the occurrence of bugs.
Mentored junior developers, accelerating their learning curve and boosting team productivity.
Initiated and facilitated the adoption of Storybook, leading to improved efficiency through increased reuse of visual components across various front-end repositories.

Technologies: JavaScript, React, Material UI, CSS, HTML, Storybook, GraphQL, REST, Responsive Web Design (RWD), Responsive, Front-end Development, CSS3, HTML5, Webpack, Cypress, React Hooks, React Query, API Integration, Web Development, Software Architecture, Solution Architecture, React Router, Design Systems, OAuth 2, Single Sign-on (SSO), Flexbox

Front-end React Developer via Toptal

2021 - 2022

HelloFresh - Global Engineering - Ivan Kusalic

Developed and fine-tuned the "Recipes Display" page in close collaboration with UI/UX designers and back-end teams, resulting in a substantial improvement in user experience through seamless functionality and aesthetically pleasing design.
Orchestrated and executed a comprehensive system migration from React to Next.js, enhancing overall application performance and user experience.
Imparted TypeScript knowledge within the team and spearheaded the conversion of numerous React components to TypeScript, reducing errors and providing a notable enhancement in developer experience.
Contributed to knowledge sharing and mentored junior team members.

Technologies: React, TypeScript, Redux, Jest, Cypress, Unit Testing, Docker, Styled-components, Enzyme, Integration Testing, Storybook, Material UI, GitHub, JavaScript, Next.js, CSS, SCSS, HTML, Agile, REST APIs, React Redux, Figma, Responsive Web Design (RWD), Responsive, Front-end Development, CSS3, HTML5, Webpack, MongoDB, CI/CD Pipelines, Headless Software, React Hooks, API Integration, Web Development, React Router, Single Sign-on (SSO), Flexbox, Server-side Rendering (SSR), Lodash, Dashboards, Algorithms, Single-page Applications (SPA)

Co-founder | Full-stack JavaScript Developer

2020 - 2022

RIDS

Developed an app that helps road maintenance teams in their everyday work, cuts costs, and makes roads safer.
Created a landing page and documentation page with tutorials and tips for users.
Conducted training for first users, teaching them how to use applications proficiently.
Created the UI/UX project of the application in Adobe XD. Early users praised the application for its ease of use.

Technologies: TypeScript, React, Node.js, Material UI, GraphQL, PostgreSQL, Apollo, TypeORM, Contentful, Progressive Web Applications (PWA), DigitalOcean, AWS Amplify, Jest, Koa, Agile, i18n, Git, Jira, Slack, Visual Studio Code (VS Code), Adobe Experience Design (XD), Front-end, DOM, CSS, SCSS, HTML, Redux, Software as a Service (SaaS), Early-stage Startups, GitHub, React Redux, User Interface (UI), User Experience (UX), Amazon Web Services (AWS), Full-stack, APIs, Responsive Web Design (RWD), Full-stack Development, Responsive, Front-end Development, CSS3, HTML5, RESTful Development, Webpack, Express.js, Sequelize, Docker, CI/CD Pipelines, Headless Software, React Hooks, Back-end Development, API Integration, Web Development, Software Architecture, Solution Architecture, React Router, Design Systems, SSL Certificates, Flexbox, AWS DevOps, Dashboards, Back-end, Algorithms, Single-page Applications (SPA)

Full-stack JavaScript Developer

2019 - 2020

Code & Pepper

Participated in developing an application that organized garage work to manage tasks, workers, spare parts, invoicing, and more.
Developed a custom drag-and-drop system for task management in Angular. The solution is efficient and user-friendly.
Participated in the development of a food marketplace application.

Technologies: TypeScript, React, Node.js, Puppeteer, Cypress, Jest, Material UI, Apollo, GraphQL, Angular, SCSS, Koa, Agile, Redux, i18n, Git, Jira, Slack, Visual Studio Code (VS Code), Progressive Web Applications (PWA), Front-end, DOM, CSS, HTML, Software as a Service (SaaS), Early-stage Startups, Unit Testing, Enzyme, GitHub, React Redux, Full-stack, Figma, APIs, Responsive Web Design (RWD), AngularJS, Full-stack Development, Responsive, Front-end Development, CSS3, HTML5, RESTful Development, Webpack, Storybook, Sass, MongoDB, Express.js, Sequelize, React Hooks, Back-end Development, API Integration, Web Development, Fintech, Bootstrap, React Router, Web Scraping, SSL Certificates, Flexbox, Server-side Rendering (SSR), Lodash, Back-end, Algorithms, Google Cloud Platform (GCP), Firebase

Junior JavaScript Developer

2018 - 2019

Cube Group

Developed a time-tracking app integrated with Jira and Bitrix. It helped the company to monitor the work time spent on each client.
Created an app that lets users transfer email graphic designs into HTML mailings.
Organized and conducted front-end technology training for the development team.
Led the development team in a Google-organized hackathon whose aim was to create an AMP web page—we took 2nd place.

Technologies: JavaScript, Node.js, React, MongoDB, Express.js, Bootstrap 4, CSS, HTML, Progressive Web Applications (PWA), Google Tag Manager, Accelerated Mobile Pages (AMP), Agile, Redux, Git, Jira, Slack, Visual Studio Code (VS Code), Front-end, DOM, SCSS, Vanilla JS, GitHub, REST APIs, React Redux, Full-stack, APIs, Responsive Web Design (RWD), Full-stack Development, Responsive, Front-end Development, CSS3, HTML5, RESTful Development, Webpack, Sass, React Hooks, Back-end Development, API Integration, Social Media APIs, Web Development, Bootstrap, React Router, Web Scraping, Design Systems, SSL Certificates, Flexbox, Server-side Rendering (SSR), Lodash, Jira REST API, Back-end, Algorithms, Single-page Applications (SPA), Google Cloud Platform (GCP), Bitrix24

Experience

Comigrate – Legal Startup

http://comigrate.com

At Comigrate.com, a legal tech startup specializing in streamlining the process for work permits for individuals seeking employment in foreign countries, I played a pivotal role as a full-stack developer. I employed Next.js for front-end development, ensuring an interactive and user-friendly experience for our audience. To manage and present informative content on our platform, I integrated Contentful for blog management. On the back-end, I utilized Nest.js in conjunction with MongoDB to guarantee a robust, scalable, and efficient data storage solution.

My contributions were instrumental in delivering a seamless digital experience for users navigating the complex realm of international work permits.

RIDS Landing Page

https://rids.app

I designed and developed the landing page of my startup, RIDS—Road Information Data System. Additionally, it comes with a docs page created with React-Static and integrated with Contentful, a headless CMS.

GG Development Information Site

https://ggdevelopment.pl/

An information site for a consulting agency that includes nice, animated transitions and an original layout. Used vanilla JavaScript with some help from jQuery to manipulate animations and page changes. The final site is fast, responsive, and reliable, and it looks great!

Skills

Languages

TypeScript, JavaScript, CSS, HTML, CSS3, HTML5, GraphQL, SCSS, Sass

Frameworks

Material UI, Jest, Redux, Angular, Cypress, Express.js, Koa, Vanilla JS, Next.js, Bootstrap, AngularJS, NestJS, Tailwind CSS, OAuth 2

Libraries/APIs

React, React Redux, React Router, Flexbox, Node.js, REST APIs, Puppeteer, AWS Amplify, jQuery, Anime.js, Social Media APIs, React Testing Library, Lodash, Jira REST API

Tools

Slack, Git, Jira, Trello, Adobe Experience Design (XD), GitHub, Webpack, Sequelize, GitHub Pages, Figma, Auth0, Amazon Simple Email Service (SES), CircleCI

Paradigms

Responsive Web Design (RWD), Responsive, Agile, Unit Testing, REST, RESTful Development

Platforms

Visual Studio Code (VS Code), Contentful, DigitalOcean, Firebase, Docker, Amazon Web Services (AWS), AWS Elastic Beanstalk, Google Cloud Platform (GCP)

Other

Bootstrap 4, Front-end, DOM, Front-end Development, React Hooks, API Integration, Web Development, Single-page Applications (SPA), Apollo, i18n, Progressive Web Applications (PWA), Software as a Service (SaaS), Early-stage Startups, Enzyme, Storybook, Full-stack, Full-stack Development, CI/CD Pipelines, Headless Software, React Query, Back-end Development, Software Architecture, Design Systems, SSL Certificates, React Hook Forms, Server-side Rendering (SSR), Dashboards, Algorithms, TypeORM, Google Tag Manager, Accelerated Mobile Pages (AMP), Styled-components, Integration Testing, GoDaddy, User Interface (UI), User Experience (UX), Email Templates, APIs, Fintech, Solution Architecture, Web Scraping, Single Sign-on (SSO), Load Balancers, AWS DevOps, Back-end, Bitrix24

Storage

MongoDB, PostgreSQL, Amazon S3 (AWS S3), AWS Data Pipeline Service

Education

2011 - 2017

Master's Degree in Civil Engineering

Gdańsk University of Technology - Gdańsk, Poland

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.

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.

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