iPhone

On April 30, 2023, I was out with my friend, and we were traveling back home from London Waterloo to Guildford. We had to wait a couple of…

Visualising Your IoT Data

Recently, I've learned a lot about the Internet of Things (IoT) and I just gotta share some of the cool stuff I've found. I'm using the ESP…

Blazor Meetup

On May 4, 2022, I attended a meetup at one of Microsoft's campuses in Reading. This was my first time at a meetup like this. It was about…

Showing Topbar Progress Indicator in React

I use circular loading indicators in my React applications before data is returned from the server: Which is a simple SVG file loaded as a…

Using Mirage With Vite

Recently, I have been using Vite and liked it quite a bit. It's an extremely fast build tool, If you haven't checked it out, you should…

Web Server Logs

An important part of managing software applications effectively is keeping logs, because they provide information about the server's…

OS Notification

I recently tweeted something about a little script I had put together to automate one of the tasks I had always struggle with. I thought it…

Getting Started With Sequelize

Sequelize is an Object Relational Mapper (ORM) which enables us to query and manipulate data stored in a relational database. There are…

WebSocket and React

WebSocket is a communication protocol. It's bidirectional in nature which means that either client or server can send data at any time. With…

Displaying Secured Images

Ran into an interesting problem this week with displaying secured images on the page. The problem is that tag doesn't show the image if the…

MobX with React and TypeScript

MobX is one of the popular state management libraries. One of the great things about MobX is that we can store state in a simple data…

Server-Sent Events and React

Server Sents Events are realtime events sent from the server to the client. It's a way to subscribe to a data stream sent by a server…

Setting Up Tailwind

Setup Create a directory then: Install these dependencies: (It creates an empty tailwind.config.js file in the project root): Create a…

Redux

Redux is a predictable state container for JavaScript apps. The whole state of your app is stored in an object tree inside a single store…

Flux

What's Flux? A design pattern developed at Facebook to keep data flowing in one direction (unidirectional data flow) An alternative to MVC…

Building Ionic React App

Make sure you have Node.js installed (https://nodejs.org/dist/v12.13.0/node-v12.13.0-x86.msi) Open command prompt and type in this command…

Testing React Components

comes with a built-in test runner called which is basically a tool for executing unite tests and also reporting the result. To run the test…

Higher-Order Components

Before we get started, we need to understand what a higher-order function is. In JavaScript functions are first-class citizens because they…

Importing JSON files into SQL Server

I was assigned to a task to import a GeoJSON file into a SQL Server database. The file was pretty big; I couldn't even open the file in an…

Migrating To Gatsby

Jekyll got me into blogging mostly because of its markdown support. When I first saw it, it was clear to me I had to have it. I'd say it was…

Morse code

Morse Code is a set of dots and dashes (short mark, dot or 'dit' (·) and longer mark, dash or 'dah' (-)). Basically, it's a character…

Calling Stored Procedures using Dapper

Today I wanted to call a Stored Procedure using Entity Framework Core. It is possible using method, which is one of the powerful features…

Highlighting Current Link in Razor Pages

Let's say you have several pages in your Razor Pages application. Now you want to make the menu items active depending on the page you are…

Passed Exam 70-483 - Programming in C#

I have been developing with C# for a while, and I decided to pass Exam 70-483 in order to validate my skill. In order to pass the exam, you…

Hosting React app on IIS

Today I wanted to host a React application; the first and easiest option was hosting the app using a package called serve which is basically…

What's Elasticsearch

Wikipedia: Elasticsearch is a search engine based on the Lucene library. It provides a distributed, multitenant-capable full-text search…

GraphQL

Recently I have been working on a node stack project as a full stack JavaScript developer, it's a great experience because I'm working with…

React Hooks

Hooks are a new feature that is coming up in React v16.7.0-alpha, it's a really great feature, I am so excited about this new feature. The…

Uploading file in Vue.js

In this blog post I am going to show you how you can upload file using Vue.js. On the backend we will use ASP.NET Core MVC to expose an…

TypeScript and Vue.js

You might be wondering why do we need to worry about yet another framework when we already know there are things like Angular, React…

Developing Console-based UI in C#

As you know Console Applications don't have graphical user interface or GUI. Instead, they run from Command Line, for example instead of…

Does making decision matter?

We make decision all the time, most of these decisions are done unconsciously, others we agonize over, we all have been there agonizing over…

Running PowerShell on macOS

It's been a while I have been using macOS as my primary operating system, you can read about my expreince here. Today I wanted to run a…

SQL Server on Linux in Docker on a Mac

Over the last few months, I have been working on a couple of ASP.NET Core projects, it's been great experience so far becuase I can easily…

Working remotely

It has been 8 months and so that I have been working remotely for a startup out there. It's been my pleasure to work with a team of great…

My first experiences with Linux

Running Window 98 on my PC was my first experience with Windows. in fact, for the last 11 years or so, Windows has been the dominant…

Environments in ASP.NET Core

In ASP.NET Core we can have different hosting environments, this is supported by an environment variable called . You can see this value is…

Getting to know Singleton pattern in C#

This pattern helps us to ensure a class has only one instance. The term comes from the mathematical concept of a singleton: In mathematics…

Designing Fluent Interfaces in C#

The concept of Fluent Interface was coined by Martin Fowler to create various objects and wire them up together. This pattern is often used…

Explicit Interface Implementation

Let's imagine that you have a class with two methods: Now when we want to create an instance of this class and call one of those methods, it…

Delegates in C#

Lately I have been studying some topics in C# in order to improve myself. I think Delegate is one of those topics which is kinda difficult…

Why AngularJS?

I wanted to share a few thoughts about AngularJS Introduction AngularJS is a MV* framework for writing manageable, clean, full-featured…

Asynchronous Execution in JavaScript

As you know browsers are typically single threaded, It means that the browser can only be doing either update the UI or executing JavaScript…

Object Oriented JavaScript Part 2

###Classes In many programming languages a class is a standard unit of work, which means that you normally create all of your code inside…

Object Oriented JavaScript Part 1

Recently I've started to improve my JavaScript skill, So I decided to keep notes about new things I learn from now on. Since I'm a C…

My first blog post!

Here's my first blog post :) In this blog I'm going to share thing that I learn, hope you enjoy reading my blog :)