In the initial steps of my career, when I just started writing software, only the senior developers of my company felt responsible to write tests for their code. Over the years, this has become mainstream. But “mainstream” does not mean “universal”. Plenty of developers still do not have comfort with or even exposure to the unit testing practice. And yet, a form of peer pressure causes them to play that close to the vest.

So I reach out to these folks to say “Hey, no worries. You can learn and you don’t even have to climb too steep of a…


Photo by Philipp Katzenberger on Unsplash

Even though I describe myself as a Pythonista today I have realized that I have always been writing only for the front-end. I like Angular and the world of front-end development but when it comes to python💛💙 it is different for me.

So I decided to show something related to backend and I ended up writing this piece which has to do with both front and back. (Looks like there is a hidden love for the front-end too)

In this piece, I am going to show you how you can ask your users to choose more secure passwords with a…


DRY up your forms

Photo by Emile Guillemot on Unsplash

Angular is a great framework that offers some great tools. One of these tools is ReactiveForms. In this piece, I want to introduce you to an easier way to handle errors on reactive forms and avoid spaghetti code. I’ll jump straight to the implementation to save time.

What we’re going to build is a standard signup form, like the one shown below. I’ll be using Angular v9 and you can find the source code here.


Deploying sounds intimidating but it doesn’t have to be

flat screen monitor and black ceramic mug
flat screen monitor and black ceramic mug
Photo by Tudor Baciu on Unsplash

Heroku is a container-based cloud Platform as a Service (PaaS). It lets developers build, deliver, monitor, and scale their apps without infrastructure headaches.

In this post, we will deploy an Angular application built with version 9 which is the latest stable version right now. However, the configurations are not related to the angular version, you can deploy with older or newer versions using this tutorial.

Heroku says:

“We’re the fastest way to go from idea to URL.”

They are right about that. As a web application developer, I had the chance to see a couple of ways in which we…


And what to do instead

Angular is a great framework that offers great tools for developers to build web applications easily. One of its core features is HTML is written into templates that are HTML files without any DOCTYPE declaration. They can start with any HTML tag you want because they;ll be attached to the index.html file, which has elements like the DOCTYPE, metadata, links to scripts and styles, etc.

The cool part about templates isn’t that they don’t require a DOCTYPE or metadata. The cool part is they can contain some things regular HTML files can’t. One of those things is you can open…


Turn your users into customers today

In this post, we will implement a full check-out flow with Stripe using Angular on the front end and a Node.js back end.

Stripe is a payment processor, which means it supports the electronic transfer of money from a customer’s bank (issuing bank), into a merchant’s bank (gaining bank) as payment for goods or services bought with a credit card.

I will skip project creations and Stripe account creation, I want to focus on Stripe.js and the Stripe API.

The flow we will build in this post follows these steps. Only steps one and two are on the front-end side.

Klement Omeri

Software Engineer. Interested in Python, Django, Pytest, Angular, NgRx and many more. @OmeriKlement — https://www.linkedin.com/in/klement-omeri-929007174/

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store