Skip To Main Content
Andrej Gajdos on Muck Rack

Andrej Gajdos

Covers:  freelancing, startups, software development, web development

Andrej Gajdos’s Journalist Portfolio

View as a grid

The Toolkit of a Freelance Full Stack Web Developer

The Toolkit of a Freelance Full Stack Web Developer

andrejgajdos.com — Becoming a freelance full stack web developer requires a lot of work and love of learning. At first sight it might be overwhelming to understand what you need to know and learn to make an entire web application on your own.

Authenticating Users in SPA using Node, Passport, React and Redux

Authenticating Users in SPA using Node, Passport, React and Redux

andrejgajdos.com — Tutorial on how to build a user authentication in a single page application with Node, React, Redux and Koa combined with Passport. We will implement local authentication, where users can log in using an email and passport, and authentication with Facebook, which can be used with other social networks and OAuth providers.

How to Create a Custom Select Dropdown using HTML, CSS and JavaScript

How to Create a Custom Select Dropdown using HTML, CSS and JavaScript

andrejgajdos.com — Creating custom select dropdown component is one of the most common requirements in web development. Select dropdown allows the user to choose one value from a predefined list. Maybe you are wondering: "Why do I need to create a custom select dropdown component, if there is already HTML select tag?

How to Hire a Freelance Front End Developer

How to Hire a Freelance Front End Developer

andrejgajdos.com — A freelance front end developer needs to have a wide array of skills and experience to deliver the desired outcome. As a freelancer, I have been developing front-ends for clients all around the world in many different industries. A lot of people asked me: "How can I find and hire a freelance front end developer"?

How to Create a Link Preview: The Definite Guide [Implementation and Demo Included]

How to Create a Link Preview: The Definite Guide [Implementation and Demo Included]

andrejgajdos.com — When you add a link in chat message or share it on social networks such as Facebook, Twitter, LinkedIn, you can see a small visual preview and brief description of the link. The main benefit of link previews is that users have some expectations of what they're going to get before they open the link.

Freelance React Developer's Checklist [Infographics and Free Email Template]

Freelance React Developer's Checklist [Infographics and Free Email Template]

andrejgajdos.com — Whether you are a freelance React developer or you do another kind of freelance work on short term projects, you can recognize similar patterns in your workflow. I found similar patterns in process of building React.js projects. In almost every project, I need to ask for clarification or similar questions in regards to graphic design.

Orchestrating animations with Framer Motion in React.js [Step By Step Tutorial with Examples]

Orchestrating animations with Framer Motion in React.js [Step By Step Tutorial with Examples]

andrejgajdos.com — Framer Motion is an open-source motion library, which drives Framer X's animations and gesture capabilities in React.js projects. If you are familiar with Popmotion, Framer Motion is the successor to the popular Pose animation library. Both libraries provide declarative API, which makes creating and orchestrating animations in React.js projects easy to implement.

30 Powerful Chrome Extensions for Freelance Web Developers

30 Powerful Chrome Extensions for Freelance Web Developers

andrejgajdos.com — As a freelance web developer, you probably find yourself spending a lot of time in Chrome working. You work in a fast-moving industry and keeping on top of things can be challenging. Browser extensions are known as software programs, which help in customizing the browsing experience and they are a great way to improve productivity.

The Difference Between an Minimum Viable Product (MVP) and a Prototype

The Difference Between an Minimum Viable Product (MVP) and a Prototype

andrejgajdos.com — This is a comprehensive blog post on differences between an minimum viable product (mvp) and a prototype. Learn how to choose the best approach.

How to Build an MVP (Minimum Viable Product): The Definitive Guide

How to Build an MVP (Minimum Viable Product): The Definitive Guide

andrejgajdos.com — This is the most comprehensive guide on how to build an MVP (Minimal Viable Product). In this in-depth blog post you will learn everything about tools for building MVP, from what you need to know before you start building MVP to building landing page for MVP to technologies which help you to streamline the development process.

Single-Page Application vs Multiple-Page Application: Which One To Choose For Your Project

Single-Page Application vs Multiple-Page Application: Which One To Choose For Your Project

andrejgajdos.com — In this post I'm going to break down EVERYTHING about single-page application vs multiple-page application. So if you are looking for a DEEP comparison of these two types of web applications or websites, you've come to the right place. In this post, you will learn which projects are better to develop as a single-page application (SPA) or multiple-page application (MPA).

CSS Reset for better Flexbox and CSS Grid responsive layout

CSS Reset for better Flexbox and CSS Grid responsive layout

andrejgajdos.com — This is a CSS Reset for Flexbox and CSS Grid which helps you to avoid issues in responsive layouts. It is one simple CSS rule which I noticed in a UI framework. There aren't any odd consequences and I wish it was by default in all browsers.

React Class Components vs Functional Components with Hooks: A Never Ending Story

React Class Components vs Functional Components with Hooks: A Never Ending Story

andrejgajdos.com — A comparison between React class components vs functional components with hooks and what you need to know before start using React hooks.

Wrong Component Composition in React.js Projects [Case Study on Why Software Projects Fail] - And...

Wrong Component Composition in React.js Projects [Case Study on Why Software Projects Fail] - And...

andrejgajdos.com — In this case study, I'm going to show you why software (React.js) projects fail. Specifically, I want to focus on code structure in React.js projects. I will show you examples from real projects where component composition wasn't used correctly and it took a lot of time to fix it.

How to keep front-end project and design system in sync [Case Study on Why Software Projects Fail...

How to keep front-end project and design system in sync [Case Study on Why Software Projects Fail...

andrejgajdos.com — Today, I am going to show you how to ensure to keep in sync your front-end project and design system. When you build the first versions of MVP there are a lot of changes in requirements, layout and design system. I am sure you came across a lot of style changes in a new React project.

My Journey From a Freelance Developer to a Fractional CTO - Andrej Gajdos

My Journey From a Freelance Developer to a Fractional CTO - Andrej Gajdos

andrejgajdos.com — How I moved from freelance developer to tech lead roles such as software architect, Tech Lead, and fractional CTO.

Effortless Typescript Type Sharing Between React and Node.js - Andrej Gajdos

Effortless Typescript Type Sharing Between React and Node.js - Andrej Gajdos

andrejgajdos.com — The easiest way to share Typescript types between React and Node.js projects. This guide provides techniques to optimize API development.

A Leaflet Developer's Guide to High-Performance Map Visualizations in React - Andrej Gajdos

A Leaflet Developer's Guide to High-Performance Map Visualizations in React - Andrej Gajdos

andrejgajdos.com — Discover the nuances of building high-performance map visualisations in React from an experienced Leaflet developer's perspective.

A Software Architect's Blueprint: Selecting the Feature Flags Platform - Andrej Gajdos

A Software Architect's Blueprint: Selecting the Feature Flags Platform - Andrej Gajdos

andrejgajdos.com — Unlock the secrets to selecting the best feature flags platform. Get expert insights and strategies tailored for software architects and developers alike.

localhost:5757

How to Create Notion Investment Tracker: Stocks, Crypto & More | Note API Connector

How to Create Notion Investment Tracker: Stocks, Crypto & More | Note API Connector

noteapiconnector.com — Want to track stocks, crypto, and investments in Notion? Learn how to create a fully automated Notion Investment Tracker that fetches live prices using free finance APIs. Optimize your portfolio tracking today.

Chrome Extension Development for E-commerce: A Case Study

Chrome Extension Development for E-commerce: A Case Study

andrejgajdos.com — Chrome extension development for e-commerce in practice: how a custom browser tool surfaced a store's price advantage and drove increased e-commerce sales.