A repeat client had contacted me for a system that they can use for their marketing team and their landing pages. Basically a CMS that can be used to transform the existing static landing pages, into a dynamic workflow. A typical page would have an output like below: This example landing page consists of cruise […]
View WorkHello, I'm Michael
Recent Work
Markook
Markook is a chain of restaurants in Washington Pennsylvania. The owner had contacted me, after he had seen the work I did with Palm Palace. Markook specializes in Mediterranean food, with a modern “customizable” menu twist to it. My role in the project was both a developer and designer. Responsive Interface Almost all development that […]
View WorkRealty WP Theme
Realty is a WordPress theme that I created for public use. Aimed primarily for real estate agents who wish to list their properties in their own site. My role was both designer and developer. The Homepage Realty’s design is more on the minimal side. The homepage spans the entire page with the center grid flushed […]
View WorkFrom the Blog
How to create an Accordion Block using React and WordPress’ Block API
I was tasked with creating a custom component for our public website which runs on WordPress. Most commonly known as an “Accordion“, it is a section of a page where you can have a title and an expandable and collapsible directly underneath it. Usually a list of these items are blocked together – forming an […]
Let’s write a simple search component using React and FluentUI
I’ve been using a lot of FluentUI lately. This is mainly because my work has chosen the Microsoft stack for our intranet portal. FluentUI keeps the look of our apps consistent across the board – so users won’t be able to tell custom code and off the shelf. FluentUI uses React under the hood, so […]
Use sessionStorage for caching data from your backend API
Full stack applications that are decoupled (when the front end is totally detached from the backend) can have a lot of drawbacks. One of those is when communication between the two takes too long. Laggy response times from your backend greatly depreciates the user experience. Nobody likes waiting for stuff to load. And no – […]
Code a multi-select input with Mantine, Prisma and NextJS
We’ve all seen this input before. A seemingly innocent input box and as soon as you focus and/or start typing – a list of suggestions appear. Not only that, you’re able to select multiple values, remove items from your selection – and even add a new one. This is typically used for fields such as […]