Project
Roulette

Podcast Directory

The Podcast Directory continues this process and introduces you to another web scraping package - Puppeteer.

IntermediateWeb appMedia6–16hAI-buildable 3/5needs backend

In the GitHub Status app you learned how to use the Request package to scrape information from a web page. The Podcast Directory continues this process and introduces you to another web scraping package - Puppeteer. Although Request is a useful package it isn't built specifically for web scraping like Puppeteer. As you gain experience with web scraping you'll find that there are web sites and applications where web scraping is made easier by using a tool like Puppeteer that is specifically built for scaping. It is important to note that while web scraping has its place, the use of an API or a…

UI
Logic
Useful

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 · 4

  • 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 rows in the episode table have alternating background
  • User can see a summary above the episode table showing the number
  • User can see a clickable checkbox next to each podcast name in the
  • User can click the radio button next to the podcast name to include

Suggested stack

reacttypescripttailwinddate-fnstanstack-querysupabase

Track it