# devrel-react-tinymce-forge-exercise-2024

**Repository Path**: mirrors_tinymce/devrel-react-tinymce-forge-exercise-2024

## Basic Information

- **Project Name**: devrel-react-tinymce-forge-exercise-2024
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-20
- **Last Updated**: 2026-04-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Building a TinyMCE LMS Editor with React and OpenAI Integration

**Presenter:** Mrina Sugosh (Tiny MCE)

## Goal

Join our workshop titled "Building a TinyMCE LMS Editor with React and OpenAI Integration." This session will guide participants through integrating the TinyMCE editor within React projects. Attendees will learn how to deploy both free and advanced TinyMCE plugins and how to utilize AI Assistant capabilities to enhance LMS applications. This workshop is ideal for developers looking to enhance their applications with advanced web development and AI technologies.

- Set up TinyMCE within the React project.
- Implement basic plugins to enable core rich text editing features.
- Utilize Templates to provide users with pre-designed layouts.
- Integrate the AI Assistant and connect to the OpenAI API.

## Prerequisites

- [Clone Boilerplate Code](https://github.com/Frontend-Nation/react-exercise-mrina-sugosh)
- [TinyMCE Cloud Account](https://www.tiny.cloud/get-tiny/?utm_campaign=devrel_frontendnation_2024&utm_source=frontendnation&utm_medium=referral&utm_term=forge-day-exercise)
- [OpenAI API Account](platform.openai.com)

## Installation and Initial Setup

```bash
npm i
npm run dev
```

## Final Demo

<img width="1492" alt="image" src="https://github.com/Frontend-Nation/react-exercise-mrina-sugosh/assets/25342475/6e077418-0fd3-4212-8430-c336e304518e">