Hi, I'm Omari! I'm a Web Developer from England, currently studying in Nottingham. I like making fun, creative things with code. 
Creating new experiences, implementing eye pleasing designs, and bringing them to life with eye-catching animations is what I do best.

Learn how to build together dynamic objects in TypeScript

How to Create Objects with Dynamic Keys in TypeScript

The differences between ECMAScript, JavaScript and TypeScript

ECMAScript vs JavaScript vs TypeScript

A guide to "typeof", and what it means for JavaScript vs TypeScript

A Comprehensive Guide to the typeOf Operator in Typescript

Let's explore the many ways TypeScript provides to check for null and undefined.

How to Detect Null and Undefined in Your TypeScript Code

Dive into the controversial topic of TypeScript Enums.

TypeScript Enums Made Simple

An introduction to "lifting state up", a common pattern you'll be using daily in React.

Lifting State Up in React

TypeScript 5.4 adds declarations for JavaScript’s new Object.groupBy and Map.groupBy static methods. Let's take a look.

Typescript 5.4 Beta’s New GroupBy Methods

JavaScript doesn't include a built-in Math.clamp, but luckily that's easy to solve.

A Quick Guide to Clamping Numbers in JavaScript

Promises are an essential feature of asynchronous JavaScript, but if you want to integrate them into React, there's some rules to follow.

The Best Way to Handle Promises in React

Learn about the non-null assertion operator, or that weird exclamation mark you might be seeing in TypeScript.

Typescript Non-Null Assertions: That Weird Exclamation Mark Operator

A lot of my projects are motivated by seeing something, and imagining coding it to be pretty fun. Wordle piqued my interest as a project that was small in scope, interesting, and simple enough that it was easy to break it down into small tasks.

I ended up going down a rabbit hole with my little twist on it; you have the ability to share your own wordle puzzle, which is encoded in the URL. The encoding is nothing secure, but it was fun to create. I went down a rabbit hole in the rabbit hole trying to implement a sort of promise-like builder for the encoding steps.

desktop.png

mobile.png

Yourdle

chrome_yYUi8PpZII.png

omni-desktop-full.webp

uNi2k5CThX.png

omni-mockup.webp

Omni

Another mockup, this time for a fictional pet groomers.

chrome_aOhepFEoqC.png

pet-landing-mockup.vercel.app_.png

chrome_nvIqHCMaac.png

Princess Paws

chrome_cYUqDAVnGA.png

chrome_pNegPjdgeJ.png

mockuuups-smartphone-in-hand-mockup.jpg

Pokennections

chrome_BFzTNQtBPA.png

chrome_1vgn9crax9.png

socialmate-mockup.jpg

SocialMate

chrome_j70WfbPi8I.png

chrome_djmKaWeEia.png

mockuuups-holding-smartphone-mockup.jpg

Bulk Image Convert

chrome_E2ZcF1r69t.png

chrome_buPYiredBI.png

chrome_8Ybe0a30jS.png

drmworld-mockup.jpg

Drmworld

chrome_kdaz74AKYm.png

chrome_GHEouiJSd1.png

mockuuups-macbook-pro-mockup.jpg

Mystery Search

I spent a while using p5.js to explore different coding concepts, like bezier curves or interpolation. I decided to organise them in a little website, since I think a few of them are neat.

The pages for each p5.js sketch are dynamically created by dynamically importing the sketch, and loading some data from a .mdx file.

This was a useful exercise to test that out before using the same method to create the description you're reading right now!

hi, i'm omari

( Or check out the rest )

and I write.