JavaScript Posts

Building Carousels and sliders with TailwindCSS

Carousels are a popular component in web design that allows you to showcase multiple images or content in a slideshow format. With Tailwind CSS, a utility-first CSS framework, you can ...

Last updated: 9:27-pm August 20, 2023

Toggle password visibility with JavaScript

When it comes to online security, users must feel confident that their sensitive information, such as passwords, remains shielded from prying eyes. To address this concern, websites often incorporate a ...

Last updated: 2:29-am August 31, 2023

Password Strength Indicator using REGEX

In the digital age, where personal and sensitive information is constantly being shared online, ensuring the security of user accounts has become paramount. Hackers have devised numerous tactics, such as ...

Last updated: 10:54-pm August 27, 2023

Apply middleware to route groups in NuxtJs in Nuxt config

Nuxt.js is a powerful framework for building Vue.js applications. One of its many features is the ability to define middleware that can be executed before rendering a page or group ...

Last updated: 9:36-am October 7, 2023

Docker for NuxtJS Development and Deployment

I've tried running Nuxt.js in a Docker container in the past, but I gave up due to its complexity. Let's be frank: running `npm run dev` in a development environment ...

Last updated: 2:28-pm May 7, 2024

Implementing Google reCAPTCHA v3 Without Packages in Nuxt and Laravel

I wanted to implement Google reCAPTCHA to keep bots out of my project, yotjob.com. While there are packages in the Vue community like vue-recaptcha and vue-recaptcha-v3, I decided to implement ...

Last updated: 8:43-am September 24, 2024

Google AMP explained

so mobile internet sure have come a long way since the days of downloading sickering codes to flip phones. But using browser on smartphones still contain some challenges like clunky ...

Last updated: 1:53-am August 31, 2023

Passing and Accessing Props in Nested Layouts with Nuxt 3

In our previous blog post, "Creating Nested Layouts in Nuxt 3," we explored how to nest layouts within pages to create a modular and maintainable structure for your Nuxt 3 ...

Last updated: 3:24-pm September 4, 2023

Apply middleware to route groups in NuxtJs with a global middleware

In the realm of web development, crafting robust and efficient middleware solutions is paramount. It's the backbone of ensuring seamless user experiences and enhancing the security of web applications. However, ...

Last updated: 9:18-am October 7, 2023