Mission

Pod Monster is a consumer-focused, web-first, mobile-first application that aims at creating an accessible, lightweight, straightforward, and uncomplicated experience to manage and consume podcasts.

How it works

Pod Monster relies on the Podcast Index for retrieving all of its data about podcasts to perform things like search, podcast lookups, and episode lookups.

Releases

Pod Monster is currently in its “alpha” phase. This means:

• It is available for public testing and use.
• You can expect all changes that land to be stable.
• There are core features that have not yet been implemented, and the features that have been implemented are subject to frequent changes.

Principles

• No account is required to listen to podcasts (though certain limits may need to be imposed eventually due to browser restrictions).
• None of your usage data or personal information will ever be sold to a third party or used to sell you third-party products.
• The interface is intentionally minimal and plain to prevent distractions from information that isn't relevant to the podcast or episode.
• Wherever possible, the interface uses standard, native web controls in place of custom JavaScript-based controls. The goal is to give you an accessible experience that feels familiar and comfortable, not custom.
• Every consumer-focused feature of the Podcast Index is in the plans, and I will implement them in the order that I see fit.

Technologies

The following is a list of technologies, projects, or services used within this project that I endorse and recommend for others.

1. The Podcast Index is the open API that provides all the podcast data for this application. Pod Monster would not be possible without it. Anytime you search for a podcast, browse a podcast feed, or listen to an episode, you're viewing information provided by the Podcast Index.
2. TypeScript allows you to write statically-typed JavaScript and, when used in strict mode, eliminates an entire category of possible errors.
3. Next.js is a framework for building full-stack web applications in React. It includes technologies like server-side rendering, static generation, incremental static regeneration, API routes, and automatic image optimization, all of which make building a performant application much more manageable.
4. Vercel is a performance-focused platform that integrates directly with GitHub to allow things like PR preview deployments and main branch production deployments with 0 project-based configuration.
5. Tailwind CSS is a utility-first CSS framework, which means you style each element with small, single-purpose classes right in the markup. Its theme keeps colors, type sizes, and spacing in one place, which makes things like light and dark mode much easier to manage. It generates the CSS at build time, so there's no run time performance cost.
6. IcoMoon lets you hand-pick and download icons, without an account, for free (though they also offer paid sets). Except for the logo, every SVG icon used within this application is taken directly from the “IcoMoon - Free” icon set.