SpeechHelp.ai is a sophisticated web application that leverages advanced AI to help users generate high-quality, personalized speeches for any occasion. From wedding toasts to corporate keynotes, the platform provides an intuitive, guided experience to craft memorable and impactful speeches effortlessly.
This project is a full-stack application built with a modern technology stack, featuring a React frontend and a comprehensive Supabase backend that handles the database, authentication, file storage, and serverless edge functions.
Features • Why SpeechHelp? • Tech Stack • Quick Start • Roadmap • Pricing
- Precision Craftsmanship: Beyond simple templates, our AI understands context, emotion, and rhetorical devices to create speeches that resonate.
- Empowerment: Designed for everyone—from best men and bridesmaids to CEOs and public speakers—giving you the confidence to own the stage.
- Speed & Quality: Generate a professional, structured 10-minute speech in less than 3 minutes, saving you hours of writer's block.
- Privacy First: Your personal data, speech drafts, and sensitive information are secured with enterprise-grade encryption and Supabase Auth.
- 🤖 AI-Powered Generation: Utilizes the OpenAI API to generate unique speeches tailored to the user's specific occasion, tone, and key talking points.
- 👤 User Dashboard: A secure, personal workspace for users to create, edit, manage, and archive their speeches.
- 💳 Stripe Subscription Management: Seamless and secure integration with Stripe for handling user subscriptions, payment methods, and billing cycles.
- 🔐 Secure Authentication & 2FA: A complete authentication system including user registration, login, password reset, and Two-Factor Authentication (2FA) for enhanced security.
- 👑 Full-Featured Admin Panel: An extensive dashboard for administrators to manage users, monitor all generated speeches, and configure system settings.
- 🌍 Multi-Language Support: Built with internationalization (i18n) to support a global user base.
- 📱 Responsive & Modern UI: A polished and intuitive user interface built with Tailwind CSS and Shadcn/UI, ensuring a flawless experience on any device.
Add a screenshot or GIF of the application dashboard here.
| Technology | Purpose |
|---|---|
| React 18 | High-performance UI framework |
| TypeScript | Robust type safety and developer productivity |
| Vite | Modern build tool & blazing fast dev server |
| Tailwind CSS | Utility-first styling for beautiful, responsive layouts |
| shadcn/ui | Accessible, customizable component library |
| Framer Motion | Fluid animations and micro-interactions |
| React Query | Elegant server state management and caching |
| Technology | Purpose |
|---|---|
| Supabase | Backend-as-a-Service (Auth, DB, Storage) |
| PostgreSQL | Reliable, relational data storage |
| Edge Functions | Scalable, low-latency serverless API (Deno) |
| OpenAI API | Cutting-edge AI for natural language generation |
| Stripe | Global payment processing & subscriptions |
| Resend | High-deliverability transactional email |
# Clone the repository
git clone <repository-url>
cd speech-helper-ai
# Install dependencies
npm install
# Set up environment variables
cp .env.example .env
# Edit .env with your credentials
# Start development server
npm run dev- Node.js 18+
- npm / pnpm / bun
- Supabase CLI (for local backend development)
speech-helper-ai/
├── src/
│ ├── components/ # Reusable UI, admin, and speech-specific components
│ ├── pages/ # Application routes and screen layouts
│ ├── contexts/ # Global state (Auth, Language, Admin)
│ ├── hooks/ # Custom React hooks for business logic
│ ├── services/ # API interaction layers
│ ├── lib/ # Core utilities and business rules
│ ├── translations/ # i18n localization files
│ └── integrations/ # Initialized external clients
├── supabase/
│ ├── functions/ # 30+ specialized Edge Functions
│ └── migrations/ # Version-controlled database schema
└── docs/ # Technical documentation and guides
- Voice Synthesis: Preview your speech with high-fidelity AI-generated voice narrations.
- Sentiment Analysis: Real-time feedback on how your speech might be perceived by the audience.
- Mobile Application: Capture inspiration and edit your speeches on the go with a native mobile experience.
- Collaboration Suite: Invite friends or colleagues to review and polish your drafts in real-time.
| Feature | Free Trial | Premium | Pro |
|---|---|---|---|
| Speeches/Month | 1 total | 3 | Unlimited |
| Storage | 100 MB | 1 GB | Unlimited |
| Team Members | 1 | 5 | Unlimited |
| AI Analysis | ✅ | ✅ | ✅ |
| Export Formats | PDF, DOCX, PPTX | All + HTML | |
| Support | Basic | Priority Email | Fast-track |
| Price (Monthly) | $0 | $9.99 | $29.99 |
- User Empowerment: Every feature is designed to give users a voice and the confidence to speak.
- Quality Above All: We prioritize the quality of AI output over generic generation.
- Privacy & Trust: Your words are your own. We ensure they stay that way through rigorous security.
Built with ❤️ by Md. Iqbal Haider Khan (ihkokil@gmail.com) and the SpeechHelp Team using React, Supabase, and OpenAI