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
Podtext
Read your favorite podcasts
Link: podtext.amitwani.dev
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.
Tech Stack
- NextJS
- NextUI
- Docker
- Railway.app
- Listennotes
- Deepgram
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!
Top comments (10)
Damn! The project looks nice... Great use of the deepgram API. If there's still time, maybe you could add a feature such that it recites the transcription using a third-party service.
You could market it as: Podcosty - Hear your podcasts in a better voice. Haha ๐
I can directly play podcast audio instead right than machine voice :D. Even browser's SynthenticSpeech can work.
Regarding "Podcosty", some may its too costly, so leave it ๐
Lol, it does sound costy... no problem ๐
Now Waiting for your masterpiece ๐
Damnnn this is really cool! I hope you win!
Thanks @dhravya Somehow I sneaked this before 2 mins of deadline๐
Haha, you gave me a mini-heart attack! The deadline is tonight ๐
Oh shit yeah๐๐๐I thought its 11:59 AM
damn ๐ and it's such a cool project too
maybe something similar can be made for songs? (lyrics companies crying rn)
๐๐Yeah infact, there are apps for podcast transcription as well, but they are paid or only available to certain podcasts, here Deepgram does the magic!