Frontend

Do you want to automate tasks without writing a single line of code? If the answer is yes, then you’ve come to the right place. In this simple tutorial, I’m going to show you how you can create your first automated workflow using a tool called n8n.

Users don’t fear changes. They fear wasting time. Why users reject “best” products — and how to win them over.

"Electricity is not just a form of energy, but the invisible current that connects all aspects of our lives, from technology to nature itself."

Typically, I use the following structure for global styles in any project. This setup allows for a highly flexible, easy-to-read, and maintainable style system, which is crucial for large projects that may last several months or even years.

Let’s review each of these folders:

Common: contains typography styles, imported fonts, icons, and core styles used across the project, such as container.scss or helpers.scss.

There are several ways to integrate a CSS library into your project. By “CSS library,” I mean any modern CSS framework or UI library, such as Bootstrap, NG-Zorro, PrimeNG, etc. While all these methods work, many do not offer great flexibility or support deep customization of the chosen framework.

To build a robust foundation for your design system and ensure easy future customization, it’s best to use the source code styles (SASS or LESS files) instead of the minified version. This approach provides a more convenient workflow, reduces unnecessary code, and increases flexibility.