Loading repository data…
SALVADORPOETA / repository
This full stack platform is a cutting-edge podcast service that eliminates the need for a real human voice by leveraging AI-powered features.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Podcastr-sm is a cutting-edge podcast platform that eliminates the need for a real human voice by leveraging AI-powered features. The project was initially based on a JavaScript Mastery YouTube tutorial, but I significantly expanded and customized it to create a fully functional and professional application.
Key highlights:
This home page features a dynamic and reactive interface that showcases trending podcasts in real-time, leveraging Convex for data management and Next.js for optimized rendering. The layout is built with a grid of interactive cards (PodcastCard) styled using Tailwind CSS, providing seamless navigation to individual podcast details while ensuring a modern, high-performance user experience.
The Discover section integrates advanced search functionality, allowing users to explore the podcast catalog through real-time filtering. It utilizes Next.js's useSearchParams hook to synchronize results with the URL and leverages React Suspense to manage asynchronous loading states, providing fast navigation and efficient empty-state handling.
The creation module allows for building full podcasts from scratch by combining AI and custom tools. Users can generate lifelike audio from text using various OpenAI voices, create thumbnails via DALL-E, or upload their own assets. The system automatically handles cloud storage uploads, calculates media duration, and validates data to ensure seamless and professional publishing.
The Profile page serves as a hub for creator identity, displaying personal information alongside a collection of their latest work. By integrating real-time Convex queries, the page dynamically adapts its content based on the author, offering smooth loading states and personalized calls to action (CTAs) to encourage new content creation when no records are found.
The Details page provides an immersive experience where users can play episodes, view playback statistics, and explore similar podcasts. It features an authorship management system that allows creators to add new episodes, while transparently showcasing the AI prompts used for audio and image generation, adding rich context to every production.
The Episode Details view provides full control over individual content, giving users access to the full transcription and a dedicated media player. For authors, it integrates an advanced management system featuring confirmation dialogs and editing modals, ensuring that updates or deletions of episodes and their associated files are handled securely and efficiently.
<audio> and <Image> elements to prevent errors/podcasts and /discover routesgit clone https://github.com/SALVADORPOETA/Podcastr-sm.git
cd Podcastr-sm
npm install
NEXT_PUBLIC_CONVEX_URL=your_convex_url
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
CLERK_WEBHOOK_SECRET=your_clerk_webhook_secret
OPEN_API_KEY=your_openai_api_key
npm run dev
podcastr-sm/
├─ app/ # Next.js app routes and pages
├─ components/ # Reusable UI components (Navbar, Player, Modals)
├─ convex/ # Convex backend: schema, queries, mutations
├─ lib/ # Utilities: debounce, formatTime, className helpers
├─ public/ # Static assets: images, icons
├─ ...
├─ package.json
└─ tsconfig.json
/podcasts, /discover)<audio> and <Image> src attribute errorsThis is a personal portfolio project by Salvador Martinez based on a JavaScript Mastery tutorial. No commercial use intended.
Selected from shared topics, language and repository description—not editorial ratings.
RothaSAMON /
This project is about creating a full-stack blog inspired by the Medium website. The technologies I used are Next.js, TypeScript, Convex, Clerk, Zod, Shadcn. However i also added my custom domian to this project. URL: https://www.rothasamon.site
34/100 health