Alexander Grossmann
All Posts
Say Hi!
Support me

Ambition. Courage. Success.

Hi, Im Alex, welcome to my blog.
I'm a full-stack developer and StartUp founder from Austria.
In my blog, I want to share my experiences and knowledge I gained from building a startUp parallel to making a bachelor's degree in Software engineering and Management with you. This will lead from solutions for simple software problems over articles about the startup life to building myself other sources of income alongside working in my StartUp generating some financial certainty in the financially uncertain startUp life.
You will get out of this blog information about solving different kinds of software or computer-related problems from a web developer's point of view.
Insights into my StartUp life. Thoughts on public companies, maybe also some stock analyses from stocks I'm interested in. (consider this not as a piece of investment advice).
I also want to share my experiences with popular side hustles for building passive income, like Print on demand or blogging.
You can contacr me via the contact form.
This journey took me a lot of perseverance, ambition, and courage but in the end, it will lead to success. That's also what the Koi stands for.

 How to disable pull to refresh

How to disable pull to refresh

In this article, you will learn a simple method how to prevent pull to refresh on all browsers. I will also tell you how to effectively do it in vue.js.

vue csshtmluxdesignwebweb dev
Seven lucrative side hustles for web developers

Seven lucrative side hustles for web developers

If you’re a web developer looking for ways to earn some extra money on the side, there are many options available to you. Here are seven lucrative side hustles for web developers:

passive incomeweb dev
The best easy to remember password generator is you're brain

The best easy to remember password generator is you're brain

_Secure passwords are more important than ever._ _According to Verizon's yearly data breach investigations report, more than 80% of data breaches un US Industries are caused by poor or stolen passwords. I will show you a simple life hack I’ve been using for years to come up with unique, strong passwords I never forget. So keep on reading to prevent yourself and all your accounts from being hacked or your passwords from being forgotten._

cybersecuritylifehackpasswords
Nuxt3 Middlewares – Everything You Need to Know

Nuxt3 Middlewares – Everything You Need to Know

In the world of nuxt, middlewares are powerful cable ties holding together the modularity of your application. But nuxt middlewares also give you a lot of big brother power. There are some advanced techniques you can use to get the most out of these middlewares that greatly enhances the capability of your application. And today, I am going to cover everything you need to know about the nuxt middlewares.

nuxtnuxt3vuejavaScriptnode.js
Everything you need to know about Nuxt3 useHead

Everything you need to know about Nuxt3 useHead

If you are working on improving SEO or you simply want to add a script to the head of your nuxt3 page, useHead makes everything easier! The useHead composable provides a simple way of adding a script to the head of a document and gives you a convenient API to edit the metadata of your page.

vue nuxt SEO
How to use axios in Nuxt 3

How to use axios in Nuxt 3

Nuxt 3 comes with native support for fetch to fetch data. However, if you were used to axios and its handy features like interceptors etc. fetch feels sometimes like a downgrade. That's why I wanted to show you how to set up axios with nuxt 3.

nuxt vue axios
A View on the new CSS Viewport Units in 2022 (v*, sv*, lv*, dv*)

A View on the new CSS Viewport Units in 2022 (v*, sv*, lv*, dv*)

When you’ve tested your website on Safari on an IOS device and used vw or vh, I’m sure you already came across this problem. Some Pieces of your content, that appear properly on other devices, are moved out of the screen. They just appear in the right position if the page is viewed on full screen. To solve this problem, 16 new viewport Units were introduced in the CSS Values and Units Level 4 specification. Let’s recapture the old viewport units and move the new ones into view!

css viewport responsive web
Setting up vue 3 with vuetify, icons and themes

Setting up vue 3 with vuetify, icons and themes

In this article, I will guide you through the setup process to use Vuetify 3 with Vue 3! I will also show you the basic configurations you should need to know to get up and running in just a few minutes! So let's get started!

vue3vuetify3project setup
How to set up a project with Nuxt 3 and Vuetify 3 with themes and Icon Fonts

How to set up a project with Nuxt 3 and Vuetify 3 with themes and Icon Fonts

In this article, I will guide you through the setup process to use Vuetify 3 with Nuxt 3! I will also show you the basic configurations you should need to know to get up and running in just a few minutes! So let's get started!

vue3vuetify3project setupnuxt
Extend Vitests API with custom expects

Extend Vitests API with custom expects

Reusable things like the coffee cups in my title are not just good in real life. Having reusable code is also key in software development. In this short article, I will give you another handy tool to write your test code more reusable. You will learn how to extend Vitests API to exactly fit your needs by writing custom expects. A way to write reusable assertions, usable in the same way as _toBe()_. So let's get started!

vitest javaScripttesting
How to indicate scrollable content in Vue.js

How to indicate scrollable content in Vue.js

Scrolling is a widely loved pattern by all users and UX designers. You as Developer have enough space to put everything there your users will need without overwhelming them. On the other side, your users will save time clicking and navigating since everything is already in place. But sometimes scrolling could also lead to bad UX where users can’t find the action they want to perform, even if it is there.

uxvuedesign
Parameterized (data-driven) Tests in Vitest + example

Parameterized (data-driven) Tests in Vitest + example

In this article, I want to talk about one of my favorite features of Vitest. Parameterized tests, when you are as lazy as I am, you will also learn to love them. May you even be as Happy as the guy from the title image! Parameterized or data-driven tests are giving you the opportunity to test more possibilities with less code. In this article, I will explain to you how to make use of them.

vitesttestingjavaScriptqa
A simple Guide on integrating google AdSense into your vue project

A simple Guide on integrating google AdSense into your vue project

In this article, I want to give you a proven and easy way how to integrate Google Adsense into your Vue project. You are going to learn how to set up a Google Adsense account. How to use Google Adsense with vue. You will also learn how to use Google Adsense without an npm package like vue-google-adsense.

vue.jsdevHackgoogle adsenseblogging
Using Vitest UI to speed up your testing

Using Vitest UI to speed up your testing

In this article, I want to give an overview about Vitests UI. For me, this UI is a huge helper when doing TDD and also helps me to get an overview about failing tests when implementing a new feature.

testing vite vitestdevHack devtools javaScript
Setting up a superfast CI with Vitest and GitHub Actions

Setting up a superfast CI with Vitest and GitHub Actions

In this article, I want to show you what a CI does and how to set it up. The scope of this article is not only limited to vitest, this works also for other test runners like jest.

testing vite vitestdevHack devtools javaScript
Vitest how to mock Window and JQuery

Vitest how to mock Window and JQuery

In this short guide, you will learn how to mock jQuery in Vitest with the actual implementation. We will first mock a Window and then inject jQuery into it. To use it inside your test and to have a real implementation for your SUT.

devHack testing javascript vitest
Vitest How to mock A Canvas

Vitest How to mock A Canvas

In this short guide, you will learn how to mock A HTML Canvas in Vitest .To have a real implementation for your SUT.

devHack testing javascript vitest
How to easily Invalidate CloudFront Cache.

How to easily Invalidate CloudFront Cache.

Cloudfront is an amazing CDN, fast, easy to use, and reliable. But sometimes when files change it is a pain. You need to invalidate its cache for that specific item. In this guide, I want to show you how to Invalidate a Cloudfront cache.

aws cloudfront networking cdn s3 file handling
Upload Images to S3 from a .net core API

Upload Images to S3 from a .net core API

In this guide, I want to show you how to process formData objects in .net, how to connect your API to your AWS resources, and finally how to Stream files through your API on your S3 Bucket.

AWSS3Cloud.netBackend DevelopmentAmazon
NBomber load testing in C#, ship with confidence robust stress-tested APIs

NBomber load testing in C#, ship with confidence robust stress-tested APIs

Load testing is an important part of performance optimization to do before shipping an application or feature. I show you how to load test your API too using a real-world API as an example.

c# performance testingqa nbomber awesome tools
A real-world example of Improving JavaScript performance

A real-world example of Improving JavaScript performance

In this article, I will give an example of Improving my app's JavaScript performance. I will describe the steps I took to find a performance issue in my app and how I resolved it.

javaScript performance dev hacks

steps to improve your vue js onpage SEO

I will guide you through the basics up to advanced steps to improve the SEO of your vue Based Blog or other vue js based web projects.

Static code analysis with SonarQube

Static code analysis with SonarQube

Static code analysis is amazing when it comes to finding potential security vulnerabilities, bugs, and code smell. I tried it out using SonarQube, a popular open-source tool for static code analysis.

c#.netcode qualitystatic code analysis
Cypress test events from DOM elements

Cypress test events from DOM elements

In JavaScript many components communicate to each other via Events. To write good integration tests in Cypress it is also crucial to assert all events fired from DOM elements. I wrote this guide since I struggled myself on listening for events with cypress a canvas fired. So let's dive into it!

Cypress how to upload files

Cypress how to upload files

Cypress is an amazing framework when it comes to UI testing. Cypress is a developer-centric framework, but sometimes also Cypress makes it difficult to wrap your head around some concepts. One of these concepts is testing file uploads with cypress. In this guide, I want to show you how to upload files with cypress in a straightforward way.

cypress testing file uploads
How to Log in Cypress

How to Log in Cypress

When writing UI Tests in cypress you sometimes get stuck into the execution chain. Sometimes a simple console.log could help wonders. In this article, I will show you how to bring the log to your Cypress tests.

cypresstesting
CakeDefi Review 2022 - Is CakeDefi a good Investment for 2022?

CakeDefi Review 2022 - Is CakeDefi a good Investment for 2022?

I reviewed CakeDefi and Defi-Chain in 2022 to answer the following questions: Is CakeDefi a scam? Is CakeDefi an easy entry into Crypto Staking? Who is the Team Behind CakeDefi? I also took a closer Look at the DeFi app and how much you could earn Staking Defi so let's dive into it.

Level up you're UI Testing with Cypress

Level up you're UI Testing with Cypress

This article is an introduction to integration testing Vue apps using cypress. You will learn why to use cypress, how to set up cypress and how to integrate it into your project.

testing integration test
How to mock Axios requests.

How to mock Axios requests.

Testing with JavaScript could sometimes be a huge pain. I know from myself that sometimes it is just frustrating when you have some simple components to test but nothing works as expected. Especially if these components are loading data from an API via Axios etc. I will show you a quick way on how to mock those responses and get quick tests which are focusing on the correctness of your code and not your API data.

testingaxiosjestjavaScript
Property-based testing in JavaScript

Property-based testing in JavaScript

JavaScript is a very powerful and flexible language. But javaScripts flexibility comes at a cost. You will often end up with problems like adding strings to numbers when doing calculations or similar strange behaviors. I think every experienced developer has its own anecdotes. (Mine could fill another article. Leave me an eMail if I should write it! :) ) This sometimes strange behavior makes it even more important to have strong tests and find those situations. Property-based testing is a testing method with the ability to do that with its randomized test data generation you\`re chances are high to find such errors.

testingproperty-based testingjavaScriptfastCheck
Three simple Steps to crop images in vue js.

Three simple Steps to crop images in vue js.

I this guide, I want to show you how to build a vue component to crop and upload images, in a fast and scalable way. To accomplish this, I\`m using vue advanced cropper.

awesome libariesvue imagesimage editing
Introduction to Property-based testing

Introduction to Property-based testing

... or unit testing on Steroids. Property-based testing is a random testing technique to decrease your testing effort and helps to write strong tests. Sounds good right? In the following lines, I will give you a brief introduction to this topic.

testingproperty-based testingfunctional programmingquickCheck
Build a blog with gridsome and forestry CMS

Build a blog with gridsome and forestry CMS

Combining Gridsome with forestry headless CMS is one of the fastest ways to get started with a beautiful free blog with blazing fast UI. In this post, I want to show you how to set up your vue based personal JamStack blog using Gridsome site generator. Supporting markdown editing, WYSIWYG Editing, super easy content management, and an easy and free-to-use CMS. You will end up with a Beautiful, fast static site with great UI, great SEO and everything is free to host as a static site on netlify! Sounds good right? So let's get started!

Netflifyvue.jsgridsomestart bloggingforestry
Improve your S3 Loading speed with AWS CloudFront

Improve your S3 Loading speed with AWS CloudFront

Have you ever faced high loading times from AWS S3 Bucket? I will show you how to improve your loading speed by using AWS CloudFront as CDN.

AWSS3Cloud.netBackend DevelopmentAmazon
How to send mails from .net Core API like it is 2024

How to send mails from .net Core API like it is 2024

In this post, I want to provide you a simple guide on how to send mails from your API using MailKit.

.netBackend-DevelopmentMailKit
How to integrate GoogleMaps in a vue app.

How to integrate GoogleMaps in a vue app.

In this article, I want to show you a quick and easy way on how to get your Google Maps API key and connect to the google maps API. My article is about vue and google maps, but with small changes, it will work for other frameworks too! After following this guide you will have a component that accesses the Google maps Dynamic API and shows the map on your page, I will also show you how to make use of all other amazing features of google maps like drawing on your map.

CloudNetflifyDevOpsCIvue.jsgridsomedevHack
How to deploy your project to Netlify and register a Domain for it. (fast)

How to deploy your project to Netlify and register a Domain for it. (fast)

In this guide, I want to show you how to save nerves and cost when deploying a static app to Netlify. We will set up continuous integration (CI) to deploy your vue js app to Netlify. I will go through the main interface, register and set up a custom domain, and secure everything with HTTPS. This whole process took me just a few minutes! So I really think you can save yourself some time by following this guide!

CloudNetflifyDevOpsCIvue.jsgridsomedevHack
Build an email list using gridsome and MailChimp

Build an email list using gridsome and MailChimp

In this post, I want to show you how to set up a personal email list using MailChimp.

MailChimpEmailListgridsomevue-meta
A three-step guide to upload files in vue js using dropzone.js

A three-step guide to upload files in vue js using dropzone.js

I this guide, I want to show you how to build an amazing Drag&Drop component, to upload one or multiple images in vue.js. We will use a library called dropzone.js from where you can easily upload images to nearly everywhere.

vueComponentsawesome libariesupload imagesvue images
Three steps to Create and manage an Amazon S3 Bucket

Three steps to Create and manage an Amazon S3 Bucket

Everything you need to know about setting up AWS S3 Buckets, adding IAM users for controlled access, and Configuring CORS for your S3 Bucket, to provide safe resource sharing.

AWSS3Cloud
recommended for you

How to disable pull to refresh

Seven lucrative side hustles for web developers

The best easy to remember password generator is you're brain

Nuxt3 Middlewares – Everything You Need to Know

Everything you need to know about Nuxt3 useHead

How to use axios in Nuxt 3

A View on the new CSS Viewport Units in 2022 (v*, sv*, lv*, dv*)

Setting up vue 3 with vuetify, icons and themes

How to set up a project with Nuxt 3 and Vuetify 3 with themes and Icon Fonts

Extend Vitests API with custom expects

How to indicate scrollable content in Vue.js

Parameterized (data-driven) Tests in Vitest + example

A simple Guide on integrating google AdSense into your vue project

Using Vitest UI to speed up your testing

Setting up a superfast CI with Vitest and GitHub Actions

Vitest how to mock Window and JQuery

Vitest How to mock A Canvas

How to easily Invalidate CloudFront Cache.

Upload Images to S3 from a .net core API

NBomber load testing in C#, ship with confidence robust stress-tested APIs

A real-world example of Improving JavaScript performance

steps to improve your vue js onpage SEO

Static code analysis with SonarQube

Cypress test events from DOM elements

Cypress how to upload files

How to Log in Cypress

CakeDefi Review 2022 - Is CakeDefi a good Investment for 2022?

Level up you're UI Testing with Cypress

How to mock Axios requests.

Property-based testing in JavaScript

Three simple Steps to crop images in vue js.

Introduction to Property-based testing

Build a blog with gridsome and forestry CMS

Improve your S3 Loading speed with AWS CloudFront

How to send mails from .net Core API like it is 2024

How to integrate GoogleMaps in a vue app.

How to deploy your project to Netlify and register a Domain for it. (fast)

Build an email list using gridsome and MailChimp

A three-step guide to upload files in vue js using dropzone.js

Three steps to Create and manage an Amazon S3 Bucket

Copyright Alexander Grossmann © 2022
Links marked with * are affiliate links. I only recommend products i personally like to use.