Rafal Graniczny, Developer in Gdańsk, Poland
Rafal is available for hire
Hire Rafal

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.

ReactTypeScriptGraphQLNode.jsBootstrap 4PostgreSQLCSSJestPuppeteerMongoDBExpress.jsKoajQueryAgileApollo

Portfolio

Flashparking, Inc
JavaScript, React, MUI (Material UI), CSS, HTML, Storybook, GraphQL, REST...
HelloFresh - Global Engineering - Ivan Kusalic
React, TypeScript, Redux, Jest, Cypress, Unit Testing, Docker...
RIDS
TypeScript, React, Node.js, MUI (Material UI), GraphQL, PostgreSQL, Apollo...

Experience

JavaScript - 5 yearsReact - 5 yearsFront-end - 4 yearsRedux - 4 yearsJest - 4 yearsMUI (Material UI) - 3 yearsTypeScript - 3 yearsNode.js - 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

2022 - PRESENT
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, MUI (Material UI), CSS, HTML, Storybook, GraphQL, REST, Responsive Web Design (RWD), Responsive, Front-end Development, CSS3, HTML5, Webpack, Cypress

React Front-end Developer

2021 - PRESENT
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 a notable enhancement in developer experience.
  • Contributed to sharing knowledge and mentoring junior team members.
Technologies: React, TypeScript, Redux, Jest, Cypress, Unit Testing, Docker, Styled-components, Enzyme, Integration Testing, Storybook, MUI (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

Co-founder | Full-stack JavaScript Developer

2020 - PRESENT
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 that let them learn 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, MUI (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

Front-end Developer

2019 - PRESENT
Freelance
  • Created business sites and landing pages for my many clients.
  • Added Google Tag Manager scripts to track events for analytics.
  • Managed a newsletter subscriber database; coded and sent transactional mailings.
  • Developed a Node.js-based system for scraping data from websites and saving them into MongoDB.
Technologies: HTML, JavaScript, CSS, Progressive Web Applications (PWA), TypeScript, React, MongoDB, Puppeteer, MUI (Material UI), SCSS, Jest, Git, Google Tag Manager, Accelerated Mobile Pages (AMP), Trello, Slack, Visual Studio Code (VS Code), Front-end, DOM, Cypress, Apollo, Redux, Vanilla JS, Unit Testing, Enzyme, GitHub, REST APIs, React Redux, User Interface (UI), Full-stack, Figma, Responsive Web Design (RWD), Full-stack Development, Responsive, Front-end Development, CSS3, HTML5, RESTful Development, Webpack, Firebase, Sass, PostgreSQL, Express.js, Docker, CI/CD Pipelines, Headless Software

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, MUI (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

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, where the object was to create an AMP web page; we took second 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

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!

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.

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.

Languages

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

Frameworks

MUI (Material UI), Jest, Redux, Angular, Cypress, Express.js, Koa, Vanilla JS, Next.js, AngularJS, NestJS

Libraries/APIs

React, React Redux, Node.js, REST APIs, Puppeteer, AWS Amplify, jQuery, Anime.js

Tools

Slack, Git, Jira, Trello, Adobe Experience Design (XD), GitHub, Webpack, Sequelize, GitHub Pages, Figma, Auth0

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)

Other

Bootstrap 4, Front-end, DOM, Front-end Development, 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, TypeORM, Google Tag Manager, Accelerated Mobile Pages (AMP), Styled-components, Integration Testing, GoDaddy, User Interface (UI), User Experience (UX), Email Templates, APIs

Storage

MongoDB, PostgreSQL

2011 - 2017

Master's Degree in Civil Engineering

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