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.
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. Asides from it being fun, it is a practical way to understand the web better.
I am using this list to guide my own learning. I 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.
Top comments (0)