Sign in Subscribe

Arthur

Arthur

Hi, I am Art. I am a fullstack engineer. I have been working on the web professionally since 2000, and unprofessionally since 1998 when I made my first web page.

How to encourage signups with a "Join the Club" modal and fading content

How to encourage signups with a "Join the Club" modal and fading content

Imagine browsing a website, catching a glimpse of intriguing content just out of reach, with a simple modal enticing you to "join the club" for unlimited access. This subtle yet effective design piques curiosity while encouraging action. In this tutorial, we’ll build such an experience using PrimeVue’

Part 2 - Building the Frontend for Screenshot Generation with Nuxt 3

Part 2 - Building the Frontend for Screenshot Generation with Nuxt 3

Welcome to part two of our tutorial on integrating Puppeteer into your Nuxt 3 app. In part one, we set up the backend to capture website screenshots by passing a URL to Puppeteer. Now, it’s time to create the frontend—a sleek and interactive interface where users can input

Part 4 - A Frontend for the RESTful API with Nuxt 3 and Pinia

Part 4 - A Frontend for the RESTful API with Nuxt 3 and Pinia

Welcome to part four of our RESTful API series! So far, we’ve built a robust backend with Node.js, Express, and PostgreSQL, complete with AI-enhanced product descriptions using OpenAI. But an API is only half the story. Today, we’re turning our attention to the frontend, where we’ll

Part 3 - Enhancing Product Descriptions with OpenAI

Part 3 - Enhancing Product Descriptions with OpenAI

Welcome to part three of our journey into building a modern, intelligent RESTful API. So far, we’ve built a robust foundation with Node.js, Express, and PostgreSQL, creating a seamless marketplace of vendors and products. But what good is a marketplace if the product descriptions are bland and uninspiring?

Part 2 - Adding a PostgreSQL Database to the RESTful API

Part 2 - Adding a PostgreSQL Database to the RESTful API

Welcome back to our continuing saga of building a modern RESTful API. Last time, we set the stage with Node.js and Express, creating a marketplace of data that handled vendor information with a simple in-memory array. But let’s face it: an array is like a cardboard box—it’

Part 1 - Building a RESTful API with Node.js and Express

Part 1 - Building a RESTful API with Node.js and Express

Imagine a bustling marketplace, where vendors are ready to serve your every need with precision and speed. That’s what a RESTful API is like—a well-organized system that lets your applications communicate seamlessly, like shoppers finding exactly what they need, when they need it. And at the heart of

The Power of Caddy: A Symphony of APIs, Websites, and WebSockets

The Power of Caddy: A Symphony of APIs, Websites, and WebSockets

Picture this: an orchestra of servers working in perfect unison. The API server plays the strings, serving up data with speed and precision. The front-end website provides the melody, presenting beautifully rendered content. And the WebSocket server? That’s our percussion, keeping the rhythm of real-time updates. Conducting this ensemble