Browser APIs & Web Features

Learn how to add subtle, tactile feedback to your mobile web apps using the Vibration API. Introduction You’ve probably felt your phone buzz when a message arrives, when you pull to refresh, or when a game character takes a hit. That short vibration adds a layer of feel that makes apps more immersive. But did you…

Make your mobile web app feel more alive with subtle haptic feedback all through JavaScript. Introduction When you tap a button in a native app, you often feel a small, crisp vibration confirming that your action went through.That’s called haptic feedback, and it’s one of the simplest ways to make user interactions feel satisfying and…

Learn how to make your web apps respond to your voice using the SpeechRecognition API, no frameworks, no cloud, just pure JavaScript. Introduction Wouldn’t it be great if you could just tell your web app what to do? No more clicking tiny buttons, scrolling endlessly, or typing commands. Just say “Dark mode on” or “Search…

Build hands-free web experiences with real-world JavaScript examples that listen, understand, and act. Introduction Imagine this:You’re building a dashboard or a to-do app, and instead of clicking buttons, you just say what you want: “Add a new task,” “Switch to dark mode,” or “Show analytics.” That’s all possible right now with the SpeechRecognition API, no frameworks,…

Build a real voice-controlled web app using only JavaScript, no libraries, no APIs, no backend. Introduction We all use voice assistants like Siri, Alexa, and Google Assistant every day, but what if your browser could do the same? It turns out, modern browsers already have a built-in way to understand speech through the SpeechRecognition API (also…

Turning simple JavaScript into a real voice assistant, all inside the browser. Introduction It started with a small idea: What if users could just talk to my web app? I didn’t want to rely on big external APIs or machine-learning models. I wanted something simple, a browser-native way to recognize voice commands and trigger actions. Turns…

Add real voice interaction to your web app, no libraries, no backend, just native browser power. Introduction Ever wanted your web app to actually listen to you? From “search this” to “turn on dark mode,” voice commands are no longer futuristic; they’re already built into modern browsers through the SpeechRecognition API. The best part? You don’t…

Learn how to create a fully functional live chat app from scratch, no frameworks, no libraries, just pure JavaScript. Introduction Every developer should build a real-time chat app at least once. It’s the perfect project to understand WebSockets, the technology that powers real-time messaging, multiplayer games, live dashboards, and collaborative tools. In this tutorial, we’ll build…

A step-by-step guide to building a working chat app using only Node.js and pure JavaScript, no libraries, no frameworks, no shortcuts. Introduction I wanted to understand how real-time chat apps like Slack or Discord actually work behind the scenes, not with a fancy framework like Socket.IO, but with pure WebSocket logic. So I decided to…

Learn how to add instant, two-way communication to your web app using only JavaScript and Node.js, no frameworks required. Introduction Modern users expect instant updates, whether it’s a new chat message, a notification, or a stock price tick. But standard HTTP requests aren’t built for that. They follow a simple pattern: Client asks → Server responds…