Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mastrangelis/podcaster-ai

A cutting-edge AI SaaS platform that enables users to create, discover, and enjoy podcasts with advanced features like text-to-audio conversion with multi-voice AI, podcast thumbnail Image generation and seamless playback.
https://github.com/mastrangelis/podcaster-ai

convex nextjs open-ai react react-hook-form sentry shadcnui tailwindcss typescript vercel zod

Last synced: 7 days ago
JSON representation

A cutting-edge AI SaaS platform that enables users to create, discover, and enjoy podcasts with advanced features like text-to-audio conversion with multi-voice AI, podcast thumbnail Image generation and seamless playback.

Awesome Lists containing this project

README

        

# Podcaster-ai

[![GitHub commits](https://img.shields.io/github/commit-activity/t/mastrangelis/podcaster-ai?style=social&logo=github)](https://github.com/mastrangelis/podcaster-ai/commits)
[![mastrangelis](https://custom-icon-badges.demolab.com/badge/made%20by%20-mastrangelis-556bf2?logo=github&logoColor=white&labelColor=101827)](https://github.com/mastrangelis)
[![Top Language](https://img.shields.io/github/languages/top/mastrangelis/podcaster-ai?logo=github&logoColor=%23007ACC&label=TypeScript)](https://www.typescriptlang.org/)
![deployment](https://img.shields.io/github/deployments/mastrangelis/podcaster-ai/Production?logo=vercel&label=Website)

## 📋 Table of Contents

Table of Contents

- 🤖 [Introduction](#-introduction)
- ⚙️ [Tech Stack](#️-tech-stack)
- 🔋 [Features](#-features)
- 🔨 [Deployment](#️-deployment)
- 🤸 [Quick Start](#-quick-start)

## 🤖 Introduction

A cutting-edge AI SaaS platform that enables users to create, discover, and enjoy podcasts with advanced features like text-to-audio conversion with multi-voice AI, podcast thumbnail Image generation and seamless playback.

## ⚙️ Tech Stack

Podcaster-ai is built using the following technologies:

- [TypeScript](https://www.typescriptlang.org/): TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.
- [Next.js](https://nextjs.org/): Next.js is a React framework for building server-side rendered and statically generated web applications.
- [Convex](https://www.convex.dev/) Convex is a platform designed to simplify the development of real-time, scalable web applications. It offers a suite of tools and services that allow developers to build and deploy complex app features quickly and efficiently. Key features include real-time data synchronization, serverless functions, and built-in authentication and security measures
- [Sentry](https://sentry.io) Sentry is an open-source error tracking and performance monitoring tool that helps developers identify, diagnose, and fix issues in their applications in real-time.
- [Tailwind CSS](https://tailwindcss.com/): Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces.
- [ESLint](https://eslint.org/): ESLint is a static code analysis tool for identifying problematic patterns found in JavaScript code.
- [Prettier](https://prettier.io/): Prettier is an opinionated code formatter.
- [Shadcn-UI](https://ui.shadcn.com/): Shadcn UI is a React UI library that helps developers rapidly build modern web applications.
- [Zod](https://zod.dev/): Zod is a TypeScript-first schema declaration and validation library.
- [Vercel](https://vercel.com/): Vercel is a cloud platform for frontend developers, providing the frameworks, workflows, and infrastructure to build a faster, more personalized Web.
- [OpenAI](https://openai.com/): OpenAI is known for the GPT family of large language models, the DALL-E series of text-to-image models, and a text-to-video model named Sora.


[![Technologies Used](https://skillicons.dev/icons?i=ts,nextjs,tailwind,sentry,vercel)](https://skillicons.dev)

## 🔋 Features

👉 Robust Authentication: Secure and reliable user login and registration system using Clerk

👉 Modern Home Page: Showcases trending and latest podcasts with a sticky podcast player for continuous listening.

👉 Discover Podcasts Page: Dedicated page for users to explore new and popular podcasts.

👉 Fully Functional Search: Allows users to find podcasts easily using various search criteria.

👉 Create Podcast Page: Enables podcast creation with text-to-audio conversion, AI image generation, and previews.

👉 Edit Podcast Page: Enables podcast edit for podcasts owners.

👉 Multi Voice AI Functionality: Supports multiple AI-generated voices for dynamic podcast creation.

👉 Profile Page: View all created podcasts with options to delete and edit them.

👉 Podcast Details Page: Displays detailed information about each podcast, including creator details, number of listeners, and transcript.

👉 Podcast Player: Features backward/forward controls, as well as mute/unmute functionality for a seamless listening experience.

👉 Responsive Design: Fully functional and visually appealing across all devices and screen sizes.

👉 Sentry Monirtoring: Integration with Sentry for monitoring and tracing

and many more, including code architecture and reusability

## 🛠️ Deployment

You can check the project live here [podcaster-ai](https://podcaster-ai-tawny.vercel.app/)

## 🤸 Quick Start

Follow these steps to set up the project locally on your machine.

### Prerequisites

Make sure you have the following installed on your machine:

- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)

### Cloning the Repository

```bash
git clone https://github.com/Mastrangelis/podcaster-ai.git
cd podcaster-ai
```

### Installation

Install the project dependencies using npm:

```bash
npm install
```

### Running the Project

```bash
npm run dev
```

Open [http://localhost:3000](http://localhost:3000) in your browser to view the project.