Gen AI Product Page

This project is a web application designed to showcase a generative AI tool release. It features a product page created with the MERN stack, incorporating user authentication and management via Clerk, and styled with modern components from shadcn for a sleek, user-friendly interface. An embedded Hugging Face Space demonstrates PDF-to-speech capabilities using a large language model (LLM), providing an interactive experience for users. The project is built using Vite for fast development and optimized build processes.

Features

• Product Page: A comprehensive showcase of the Gen AI tool, complete with release information, demos, and user guides.
• User Authentication: Managed by Clerk, allowing secure login, account creation, and user management.
• Interactive Demo: A Hugging Face Space integrated directly into the page, featuring an LLM-based PDF-to-speech conversion tool for real-time user interaction.
• Modern Design: Built using shadcn components for a polished, responsive user interface.

Tech Stack

• Frontend: React (part of the MERN stack) with shadcn for design.
• Backend: Node.js, Express, and MongoDB.
• User Management: Clerk for authentication and user management.
• Embedded Demo: Hugging Face Space with a large language model for PDF-to-speech functionality.
• Build Tool: Vite for fast development and optimized build.

Getting Started

Follow these steps to get the project up and running on your local machine.

Prerequisites

Ensure the following are installed on your system:

• Node.js and npm: Download Node.js and npm.
• MongoDB: Set up a MongoDB instance (either locally or using a cloud service like MongoDB Atlas).
• Clerk Account: Sign up at Clerk and retrieve your API keys.

Installation

1. Clone the repository:

   git clone https://github.com/lolpanda2004/PDF-to-Podcast-Web-App.git
   

2. Install dependencies:

   cd PDF-to-Podcast-Web-App
   npm install

-- In Progress --

Demo of Gen AI Working

llm.mp4