Hello folks, this post is regarding my submission for Deepgram Hackathon.

Idea

So many of us wants to listen to various amazing podcasts out there, but due to time constraints we are not able to give so much time and attention to listen to them. What if its possible to read the transcript of the podcast in a text version, that's struck my mind.
I decided to create an web app to Read the podcasts - PodText.

Overview of My Submission

PodText will allow us to browse through Top Podcasts of various genres and read transcripts for each episode of a podcast.
Podcast metadata and audio has been fetched using Podcast API by Listennotes. Audio to Text transcription is done using Deepgram's API.

Link: podtext.amitwani.dev

Note: Currently, Podcasts are served from Mock server of Listennotes to avoid exhaustion of API quota

Submission Category

Accessibility Advocates

Tech Stack

• NextJS
• NextUI
• Docker
• Railway.app
• Listennotes
• Deepgram

Details

I have created a NextJS app along with NextUI as a UI library.
Created pages for showing Genres (genres/[id]), Podcasts (podcasts/[id]), Episodes (episodes/[id]) details.
Created an API route api/transcribe which is used to transcribe the audio of Podcast to text using Deepgram. Podcast audio will be fetched from Listennotes' CDN on the fly itself.

Link to Code on GitHub

Screenshots/Demo

Future Improvements

There's always room for improvement, here are some things which can be added or done better in this

• Better UI/UX
• Ability to Play Podcast
• Ability to search podcasts
• Caching podcast transcriptions
• Improved SEO

Conclusion

I have learned a lot while making this project. This has been my first proper project on NextJS, still much improvement is needed on this front. Had fun with using Deepgram's API very easy to use and straight forward.
Looking forward to everyone's submissions and more such hackathons.

Till next time, peace!