Posts

All omelet posts

React Prettier ESLint Configuration

Apr 06, 2024 | 4 min read | 82 Views | Comments

Soul pretty but code prettier. We now run by this quote, to maintain our code formatting top notch. Thanks to Prettier to take away this burden from the dev community, and with the support of ESLint being pretty becomes a mandate; to maintain overall code quality. In this article, we will learn how to configure Prettier in React Vite app.

React ESLint Configuration

Mar 30, 2024 | 4 min read | 154 Views | Comments

ESLint is the result of prayers performed by senior devs, so that they can enjoy their trips without worrying much about the code chaos other devs will cause. ESLint works with any JavaScript frameworks, for React it's no different. In this article, we will talk about how to configure ESLint with React.

Angular Prettier ESLint Configuration

Feb 12, 2024 | 3 min read | 372 Views | Comments

Devs find their partner pretty but their code Prettier. Code formatting is a big deal in a big project. So, to follow the divine path of consistency across project we include formatters. In this article, along with Angular ESLint will talk about Prettier, an amazing code formatter that will help to take this burden on its own and provide code format consistency within you project team.

Angular ESLint Configuration

Feb 10, 2024 | 4 min read | 425 Views | Comments

Developers are the unique creatures, their thought process is different, and they don't understand the world sometime; but they understand machines quite well. They don't follow the rules made by humans instead they listen to machine. So, to keep your developers aligned and under a check, sigma developers has created linters. In this article, we will talk about how to configure ESLint with Angular.

Passing Input to Azure APIM Policy Fragment

Jan 20, 2024 | 2 min read | 289 Views | Comments

Azure APIM policy fragment enables you to define policy once and use it till eternity. In this article, we will understand the creation of a policy fragment and a way to pass input to them.

How to update Angular project - The Philosophy

Jan 14, 2024 | 7 min read | 310 Views | Comments

Migration is a natural phenomenon across species, and it is happening due to better life expectancy, healthy environment, safety, and many more reason those are unknown to humankind. All in all, it's a way of nature to tell you to update and migrate to a new environment. Technology follows the same, specifically Angular. In this article, we will deep dive into the philosophy of Angular updates and how to migrate Angular project effectively.

Creating Validate JWT Policy in Azure APIM

Dec 27, 2023 | 3 min read | 477 Views | Comments

Validating JWT is nothing new in the context of API development. Thousands of tokens been validated right now while you are reading this text. Azure APIM makes your life easy for API development by allowing you to create a validate-jwt policy to perform such a necessary task. In this article, we will understand how to create such policy under Azure APIM.

React Journey: Part 5 - Context API

Oct 08, 2023 | 8 min read | 413 Views | Comments

Every journey ends somewhere. Our React journey will come to an end with 360-degree shift in our previous approaches of communicating between components. Don't get afraid, this change is helpful and a must for our growing apps. In this article, we will touch base and talk about the concept of Context API in React and how it can allow to manage props and states like a pro.

React Journey: Part 4 - Working with Web API

Sep 21, 2023 | 6 min read | 378 Views | Comments

There is no app existence without communicating server or at least a fake server. In our React learning journey we will now make our Notesy app to communicate to API even though its fake. In this article, we will make use of json-server to create API endpoint for our Notesy app and make our create, read, delete operation little dynamic.

React Journey: Part 3 - React Routes

Sep 19, 2023 | 5 min read | 366 Views | Comments

You have to stick to the route to reach your destination. In this article we will explore about the react-router-dom package to create routing in React.

React Journey: Part 2 - States, Props, Events and Hooks

Aug 24, 2023 | 10 min read | 426 Views | Comments

Life brought us to the moment where we have to think about how to make our Notesy app functional. In this article we will make our Notesy app interactive such that it can show list of notes, add new notes and delete existing notes. On the way of doing so we will explore states, props, events and hooks.

React Journey: Part 1 - Getting Started

Aug 20, 2023 | 8 min read | 608 Views | Comments

It's time to go on a feel trip with React. Let us pack our bags and start our journey towards learning React from scratch with techs those we have today. In this article we will start our React learning journey by setting up the project with Vite and most desirable UI framework Bootstrap.

ISRO React App - Working on the Components - Part 2

Aug 03, 2023 | 7 min read | 384 Views | Comments

The time has brought us to talk about the components of ISRO React App. In this article we will continue to talk about the remnants of the app. How the services been created, what are the components present to show the listing of ISRO API data.

ISRO React App - Initial Setup - Part 1

Aug 01, 2023 | 5 min read | 499 Views | Comments

Hats off to amazing ISRO team to their ongoing space missions. There is an amazing ISRO API available to use for the folks who admire ISRO and their contributions. In this article we will talk about the app created using React that consumes the ISRO API endpoints. The React ISRO App is also based on Vite, Typescript, Redux, TailwindCSS, DaisyUI and some other cool techs. The app will help to explore the ISRO API along with the React UI ecosystem.

Brotli Dockerized Angular App with Nginx - NgDocker

Jul 16, 2023 | 5 min read | 1209 Views | Comments

Patience is the key to success; not heard or followed by any of the web app visitors. We want everything to be loaded within blink of an eye. This is the place where Brotli shines. In this article, we will explore how we can enable Brotli in the NgDocker app to improve performance at a marvelous scale.

NgFate - A tool for deciding the fate of an Angular app

Jul 06, 2023 | 2 min read | 466 Views | Comments

A tool for salvation and exploration of your beloved Angular app. It is what's inside that matters; NgFate will provide your app's inside, app structure, component routes, dependencies and relations. Made by CodeOmelet with love and a bunch of sleepless nights using dotnet csharp. In this article, we will walk you through, what, why and how of NgFate so that you can deep dive inside your Angular app.

Cache Angular HTTP request using @ngneat/cashew

May 23, 2023 | 4 min read | 1134 Views | Comments

The time of not wasting time on caching HTTP request data has come. Presenting @ngneat/cashew package to do the needfully; it takes our stress of manually creating service variables to hold up the HTTP requests data again and again. In this article we will explore @ngneat/cashew dope package for caching HTTP requests.

Nginx Cache Config for Dockerized Angular App - NgDocker

May 16, 2023 | 5 min read | 2278 Views | Comments

App running so fast, even the cops are chasing! Not breaking any law here just configuring Nginx caching for our Dockerized Angular app. In this article we will address the need for speed for our super silly NgDocker app by setting up the Nginx cache configurations for static files.

Gzip Dockerized Angular App with Nginx - NgDocker

Apr 07, 2023 | 6 min read | 1735 Views | Comments

Leveling up by taking performance improvement measures for our super friendly NgDocker app. In this article, we will explore how we can enable Gzip to improve performance at a hulking scale.

Dockerized Angular App with Nginx - NgDocker

Mar 26, 2023 | 4 min read | 1848 Views | Comments

Meet super friendly NgDocker app, made with love and care using Angular and Cirrus UI, garnished with Docker and Nginx. In this article, we will explore how to make and bake a Dockerized Angular App with Nginx without much hassle.

JEST Started with Unit Testing

Feb 05, 2023 | 6 min read | 785 Views | Comments

Either you are in a deep love with unit testing or hating it to the core, but the bottom line is to do it anyway. So just like many things in our life, let us deal with it; in this article we will start exploring the realm of unit testing along with JEST.

Workflow Core DSL for JSON and YAML

Aug 13, 2022 | 3 min read | 1909 Views | Comments

Workflow Core comes with many features one of which is its common DSL for JSON and YAML. In this article, we will explore JSON/YAML way of creating the process workflows.

The Art of Destructuring in JavaScript

May 10, 2022 | 7 min read | 1124 Views | Comments

Poses the power of destructuring and conquers the world of JavaScript. Like literally, since it's been available to devs, it is the coolest thing ever after the dark theme. To be relevant in the JavaScript gang, one has to understand the art of destructuring in JavaScript; in this article, we will adapt to the destructuring swag.

Spread love with JavaScript

Apr 22, 2022 | 5 min read | 868 Views | Comments

Love knows no distance, boundaries, or conditions it can be spread beyond our imagination. The JavaScript spread operator is there to spread this love among developers. Along with catchy syntax, it has lots of benefits that our brain needs to comprehend. In this article, we will try to explore as many features as possible of the spread operator.

Rest Your Love On JavaScript

Apr 14, 2022 | 3 min read | 889 Views | Comments

We choose love for the rest of our lives while JavaScript chooses rest of the function parameters. Using the rest parameter one can express their loads of love and parameters to any function. In this article, we are falling again in love and JavaScript by understanding one more awesome feature; the rest parameter.

Workflow Core Getting Started

Apr 03, 2022 | 4 min read | 5561 Views | Comments

One has to follow some process or a workflow to bring down some mighty and complex tasks, that require actions on each step and need to be fault-tolerant at the same time. Say hello to one such cool, lightweight, and fault-tolerant workflow engine built for .NET to deal with most of the workflow kinda requirements without putting you in stress and discomfort. In this article, we will be getting started with the Workflow Core engine, along with the friendly neighborhood .NET Core (6.0).

NodeJS and MSSQL Connection Pool

Mar 02, 2022 | 9 min read | 9740 Views | Comments

In the season of summer, the pool becomes overcrowded and needs to be managed properly; this is not the case for other seasons. On the other hand, the database connections pool needs to be managed irrespective of the seasons. So the need of the hour is to manage these connection pools in order to maintain multiple databases connections, their opening/closing, configurations, etc. In this article, we will understand how to manage NodeJS and MSSQL connection pools like a pro.

Data Access Layer for NodeJS and MSSQL - Part 2

Feb 06, 2022 | 6 min read | 2001 Views | Comments

If you like action sequences, this read will definitely give you chills. In this article, without wasting your precious time we will jump straight to the business and understand how to use our bare minimum data access layer which we have built previously.

Data Access Layer for NodeJS and MSSQL - Part 1

Dec 06, 2021 | 10 min read | 4584 Views | Comments

Building a bare minimum data access layer for NodeJS and MSSQL for applications that scream for simplicity. Just like any other layered cake, applications also come in layers Data Access Layer (DAL), Business Access Layer (BAL), Presentation/UI Layer (PL), API Layers, etc. In this article, we are picking up the brush and painting our own data access layer for NodeJS and MS SQL Server.

One day I will find some Closure

Oct 16, 2021 | 12 min read | 1528 Views | Comments

Closure is the most John Cena concept of JavaScript which is been there in front of your eyes, but of course, you can't see it. So let us put some light on Closures (like literally) in this article and understand what it has to offer.

JavaScript Elders - Call, Apply, Bind

Sep 20, 2021 | 7 min read | 1248 Views | Comments

Before the beginning of time, there were these JavaScript elder functions call, apply and bind. These functions, it seems, can only be wielded by coding beings of extraordinary wisdom. These wielders can build the coding architectures, patterns, principles, monuments using these elders. Pretty dramatic, isn't it? It sounds exactly the same when someone tries to explain the call, apply and bind functions. In this article, we will try to understand and simplify a not but little confusing topic the call, apply and bind functions.

The file melting Multer with NodeJS and Express

Aug 18, 2021 | 8 min read | 1750 Views | Comments

Multer is a mature multipart/form-data supreme middleware for Node.js. Its been there for a long time, already explored and discussed by many elite developers. In this article, we will revisit the core capabilities of the Multer and will explore scenarios like single/multiple file upload using forms or AJAX.

This is awkward in JavaScript

Jul 20, 2021 | 9 min read | 1291 Views | Comments

Whale! This is awkward in JavaScript, also many things in life are. But nothing to worry about, we will try to overcome “this” awkwardness in this article.

NgMarvel app using Angular and Marvel API

Jul 12, 2021 | 12 min read | 2416 Views | Comments

When life gives you lemons, make lemonade; and when Marvel provides you an API, make an Angular app. In this article, we will do the Hulk Smash! and create an awesome Marvel comic explorer app using Angular and Marvel Comics API.

Async-Await-ing for your Loving Promises

Jun 16, 2021 | 5 min read | 1697 Views | Comments

It is very difficult to wait on someone's loving promises, but not in JavaScript; thanks to the async/await creamy syntactic sugar made available in JavaScript for Promises. In this article, we will see the evolution of writing promises, from then() and catch() methods to super awesome async/await syntax.

Making Promises in Love and JavaScript

May 08, 2021 | 12 min read | 1733 Views | Comments

One way to get rid of your crush or JavaScript’s callback hell is to make promises. Now there are dozens of quotes revolving about broken promises in love; but thankfully JavaScript handles promises elegantly. Let us dig more into this topic and understand how difficult or easy it is to make promises in love or JavaScript.

Why your crush and JavaScript does not callback anymore

Mar 14, 2021 | 12 min read | 1760 Views | Comments

Nobody wants their relationship or JavaScript to look like hell, not a relationship advisor though but can talk about JavaScript for an hour or so. Legend says, crush never callback; there is no more to it and I am not a legend so let us focus on something which can be answered, JavaScript callbacks their heaven and hell.

Pokedex using Angular and Bootstrap with PokeAPI

Feb 28, 2021 | 9 min read | 9526 Views | Comments

Squirtle, without a doubt, is my favorite Pokemon and I am open for a debate. You can check the Pokedex on your own or create a Pokedex on your own. Let us talk about the second option in this article, and with the help of PokeAPI, Angular and Bootstrap such crazy demands can be achieved.

Baking pagination with Angular and Bootstrap 5

Feb 08, 2021 | 8 min read | 8914 Views | Comments

After having a nice cup of morning tea/coffee, users of your web app needs to get their data table/grid loaded in a blink of an eye. Pretty neat with data in the range of hundreds but when data is in range of "K" things are not okay. But with the help of paginated API and corresponding UI we can tackle this situation. Obviously, in this article will make and bake a paginated UI with sorting and filtering using Angular and Bootstrap 5.

Crafting paginated API with NodeJS and MSSQL

Jan 27, 2021 | 6 min read | 5875 Views | Comments

Paging, sorting and filtering seems too much to handle for a single soul; but the soul of a programmer craves for such trouble. When you have tons of data to show in a grid/table provided with filtering and sorting options then there is no option left to leave these duties to your backend. In this article we will see NodeJS with MSSQL acting as backend and fabricate a paginated, sort and filter enabled API.

Calling Stored Procedure with NodeJS and MSSQL

Dec 31, 2020 | 6 min read | 35159 Views | Comments

Stored procedures, bringing bread and butter for many full stackers. They are the heavy lifters, holds up many business logics, handles input/outputs, returns multiple record sets and tons of more features. Why in this world, one will avoid the communication to happen between the super heroic NodeJS and MSSQL stored procs. In this article we will highlight most of the common scenarios we deal with while calling stored procs with NodeJS and MSSQL.

Teaming up with NodeJS and SQL Server

Dec 24, 2020 | 10 min read | 5976 Views | Comments

It's always satisfying to watch our backend connecting to the database server in one go. Within this short life span we come across different weirdo errors and issues while making the simplest form of connection to a database server; teaming up NodeJS with MS SQL Server is no different. In this article will make a smooth connection between NodeJS and MSSQL, and perform the decade old tradition (CRUD).

Generate SQL script using beloved C#

Nov 27, 2020 | 3 min read | 9850 Views | Comments

Generating SQL script is a pretty classy way to obtain queries for schema or data or schema and data which helps to get some sort of backup of your database or get build up queries to regenerate the database entirely. But what if we need to generate SQL scripts programmatically using hearty C#? The SqlManagementObjects (SMO) nuget package is here to help.

Creating Multi-Select Dropdown with Angular and Bootstrap 5

Oct 19, 2020 | 11 min read | 17255 Views | Comments

The single select dropdown is cool, but what if we have to implement multi-select, search enabled, with toggle all option dropdown? Challenge accepted. This article focuses on creating a cute looking multi-select dropdown in Angular with the help of Bootstrap 5.

Exploring Bootstrap 5 with Angular - Creating Dropdown

Oct 08, 2020 | 8 min read | 7221 Views | Comments

Bootstrap 5 is nothing but love and a dream come true for many developers. With its many features and ability to fight alongside any JS framework makes it insanely powerful. This article focuses on getting along with Bootstrap 5 with super heroic Angular.

Calling API from NodeJS API using Axios

Sep 18, 2020 | 4 min read | 7617 Views | Comments

I found Axios a great library to make calls to a third party API, it's easy to understand, demands lesser coding, Promise me to return the data, works perfectly with a async/await style, get along with TypeScript.

Getting Started with NodeJS Express using TypeScript

Aug 22, 2020 | 6 min read | 7826 Views | Comments

TypeScript teaches some manners to write JavaScript code. A well written JavaScript code (TypeScript) grabs many attention in the party; so why not we simply include TypeScript to write Nodes Express APIs? Great idea! And both NodeJS and Express play very well with this decision.

JavaScript XHR using JSONPlaceholder API

Aug 06, 2020 | 8 min read | 5598 Views | Comments

Sometimes it is very important to know how things are happening on the ground level. This article will talk about how to use XHR - XMLHttpRequest in vanilla JavaScript with the help of most loved REST API; JSONPlaceholder.

JavaScript array methods for living

Jul 22, 2020 | 12 min read | 3672 Views | Comments

They will help to find() your inner soul, filter() out your feelings, make a road map() of your life and surely reduce() your pains.