Mohanad Blog

Custom Date Picker (shadcn/ui, Hajri and Arabic–Indic Numerals)

One of the most important components in the web is the Date Picker and figuring out how to build one or use an existing date picker is essential for the usability of your app.

Re-useable components with (shadcn/ui)

shadcn/ui is a high-quality reusable components built with Radix UI and Tailwind CSS to enable the ability to customize the functionality and style of components easily inside your codebase.

Math Equations for the Web (KaTeX)

KaTeX is an open-source math typesetting library for the web used to render TeX mathematics notations as plain HTML notations.

Ultimate Button component (React, TailwindCSS)

Building components from scratch take a lot of time that's why it is important to have structured way to create components as it may get complicated and hard to maintain with time.

Reference Copy, Shallow Copy and Deep Copy

There are many ways to copy variables in JavaScript but there are three main copy types that need to be known before you copy to understand the behavior of the data in your application.

Tips on RTL Design (TailwindCSS)

Learning about RTL Styling is useful when working on a multiple-language website with different directions to apply the best possible CSS properties so the style of the website looks great on both versions.