My Podcast Library
The My Podcast Library app merges your newfound knowledge of web scraping with your frontend skills to extend the simple Podcast Directory app into…
In the GitHub Status and Podcast Directory you learned what web scraping is and how you can use it as an alternative data source when API's and backend databases aren't available. The My Podcast Library app merges your newfound knowledge of web scraping with your frontend skills to extend the simple Podcast Directory app into something more complex and useful. The goal of My Podcast Library is to build a more personalized library of your favorite podcasts and episodes. In this app you'll use Puppeteer and Podbean to create an app to maintain your personal library of podcasts. This project is…
Hosting · Free tier, sleeps when idle
Deploys free on Vercel Hobby + Supabase free or Cloudflare Pages + Turso free.
Free database tiers pause or expire when a project sits idle, so this one needs occasional attention to stay up.
Deploy it and share a link.
Core features · 14
- User can see their favorite podcasts in a tabular display area
- User can see the message 'No podcasts added yet' in watermark format
- User can see an overview of each favorite podcast that has been added
- User can click on the podcast icon to display a page containing a list
- User can see a '+' button at the top of the favorite podcast area with
- User can click the '+' button to display a popup panel to allow a new
- User can click the 'Save' button to validate the URL and add the
- User can see a warning message if the url doesn't start with
- User can see valid URLs for favorite podcasts retained across sessions.
- User can click the 'Cancel' button to discard any data and dismiss the
- User can see a table of podcast episodes
- User can see rows in this table showing a clickable episode icon, the
- User can scroll through the list
- User can click on the episode icon to display that episodes page on
Once it works
- User can see 5 star icons with each episode that denotes how the user
- User may click stars from left-to-right to rate an episode. Stars are
- User may change a rating by clicking on the stars from right-to-left
- User can see the list of favorite episodes on the page sorted in
- User can enter a freeform hashtag with an episode on the most recent
- User can see a search box on the main page and a 'Search' button
- User can enter hashtags in the search box to display a page of episodes
- User can click on a cancel button on the search results page to return