Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/zeyu-chen/ai-podcast-app

A modern AI-powered podcast platform that allows users to create and share AI-generated podcasts.
https://github.com/zeyu-chen/ai-podcast-app

convex nextjs shadcn-ui tailwind-css typescript

Last synced: 26 days ago
JSON representation

A modern AI-powered podcast platform that allows users to create and share AI-generated podcasts.

Host: GitHub
URL: https://github.com/zeyu-chen/ai-podcast-app
Owner: Zeyu-Chen
Created: 2024-06-15T07:41:34.000Z (6 months ago)
Default Branch: main
Last Pushed: 2024-11-08T12:49:52.000Z (about 2 months ago)
Last Synced: 2024-11-08T13:43:38.983Z (about 2 months ago)
Topics: convex, nextjs, shadcn-ui, tailwind-css, typescript
Language: TypeScript
Homepage: https://podcastr-seven-iota.vercel.app
Size: 78.2 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # AI Podcast App

[![Next.js](https://img.shields.io/badge/Next.js-14-000000?logo=next.js&logoColor=white)](https://nextjs.org/)

[![React](https://img.shields.io/badge/React-18-61DAFB?logo=react&logoColor=black)](https://reactjs.org/)

[![TypeScript](https://img.shields.io/badge/TypeScript-5-3178C6?logo=typescript&logoColor=white)](https://www.typescriptlang.org/)

[![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-3-06B6D4?logo=tailwind-css&logoColor=white)](https://tailwindcss.com/)

[![OpenAI](https://img.shields.io/badge/OpenAI-v1-412991?logo=openai&logoColor=white)](https://openai.com/)

[![Clerk](https://img.shields.io/badge/Clerk-4-6C47FF?logo=clerk&logoColor=white)](https://clerk.dev/)

[![Convex](https://img.shields.io/badge/Convex-1-FF8A65?logo=convex&logoColor=white)](https://www.convex.dev/)

A modern AI-powered podcast platform that allows users to create and share AI-generated podcasts.

## Features

- 🎙️ AI Voice Generation - Create podcasts using various AI voices

- 🖼️ AI Thumbnail Generation - Generate custom thumbnails for podcasts

- 🎵 Custom Audio Player - Full-featured audio player with controls

- 🔍 Podcast Discovery - Browse and discover trending podcasts

- 👤 User Profiles - Track user's podcasts and activity

- 📱 Responsive Design - Works seamlessly across devices

## Tech Stack

- **Framework:** Next.js 14

- **Styling:** Tailwind CSS

- **UI Components:** shadcn/ui

- **Authentication:** Clerk

- **Database & Backend:** Convex

- **AI Integration:** OpenAI API

- **Audio Processing:** Web Audio API

- **File Storage:** Convex Storage

## Getting Started

### Prerequisites

- Node.js 18+

- npm/yarn

- Convex account

- Clerk account

- OpenAI API key

### Installation

1. Clone the repository

```

git clone [email protected]:Zeyu-Chen/AI-Podcast-App.git

cd AI-Podcast-App

```

2. Install dependencies

```

npm install

```

3. Set up environment variables

```

NEXT_PUBLIC_CONVEX_URL=your_convex_url

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_key

CLERK_SECRET_KEY=your_clerk_secret

OPENAI_API_KEY=your_openai_key

```

4. Start the development server

```

npm run dev

```

### Environment Variables

Create a `.env.local` file in the root directory with the following variables:

```

NEXT_PUBLIC_CONVEX_URL=

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=

CLERK_SECRET_KEY=

OPENAI_API_KEY=

```

## Project Structure

```

podcastr/

├── app/               # Next.js app directory

├── components/        # Reusable components

├── convex/            # Convex backend functions

├── lib/               # Utility functions

├── public/            # Static assets

└── types/             # TypeScript type definitions

```