Typhoon MDX Slide Creator

Introduction

Typhoon MDX Slide Creator is a web application that enables users to create beautiful, content-rich presentations using MDX syntax. It combines the simplicity of Markdown with the power of AI-assisted content generation to help users create professional presentations quickly and easily.

This project is part of Typhoon Application Week, showcasing the capabilities of the Typhoon platform. Please note that this application is not maintained for production use and is not production-ready. Use at your own risk.

Highlighted Features + Typhoon Integration

• AI-Powered Content Generation: Typhoon helps generate slide content based on your topic or outline, creating professionally structured presentations with appropriate headings, bullet points, and transitions.

• Intelligent Content Enhancement: Existing slide content can be improved by Typhoon, which can add examples, clarify points, or restructure information for better flow and impact.

• Smart Formatting Suggestions: Typhoon analyzes your content and suggests optimal formatting, including slide breaks, heading levels, and emphasis points to create a well-paced presentation.

• Multi-slide Generation: Generate entire presentation outlines with Typhoon's ability to create coherent multi-slide sequences that build on each other logically.

• Real-time Presentation Preview: As you edit or generate content with Typhoon, see your presentation come to life in the interactive preview pane, allowing for immediate feedback and adjustments.

Getting Started (Local Development)

Prerequisites

• Node.js 18 or later
• npm, yarn, or pnpm
• Typhoon API key

Setting up your Typhoon API Key

1. Create a .env.local file in the root directory
2. Add your Typhoon API key:

   TYPHOON_API_KEY=your_typhoon_api_key_here
   

3. You can get an API key from Typhoon's platform

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/typhoon-mdx-slide-creator.git
   cd typhoon-mdx-slide-creator

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open http://localhost:3000 with your browser to see the application.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Connect With Us

• Website: Typhoon
• GitHub: SCB 10X
• Hugging Face: SCB 10X
• Discord: Join our community
• X (formerly Twitter): Typhoon