Exploring native Browser/Web APIs

Source: Dev.to

Overview

Most frontend projects rely heavily on REST APIs. We fetch data, handle the loading state, and display lists. While this is an essential skill, it ignores a large part of what the browser can do.

I recently saw a tweet about using native Browser APIs to build more interesting projects. I wanted to try this myself, but I found it difficult to find good project ideas. Most documentation provides syntax examples but rarely explains what you can actually build with them.

I created a site to solve this. It serves as a collection of browser APIs, resources, and specific project ideas for each one.

You can view it here

What is inside

For each API, I included the MDN documentation, a couple of resources, and a few project ideas. This will be updated as I find more project ideas.

Why use Browser APIs

Focusing on these APIs requires a different approach than standard data fetching. You have to manage permissions, handle real‑time events, and interact with device hardware. Aside from it being fun, it is a practical way to understand the web better.

I am using this list to guide my own learning and plan to update it as I discover more APIs and use cases.

If you are looking for a new project to build, you can check out the full list here.