(init): boiler-plate code

Frontend-Nation · Jun 5, 2024 · e5346b8 · e5346b8
1 parent 71549df
commit e5346b8
Show file tree

Hide file tree

Showing 19 changed files with 4,164 additions and 1 deletion.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -0,0 +1,21 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react/jsx-runtime',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+  settings: { react: { version: '18.2' } },
+  plugins: ['react-refresh'],
+  rules: {
+    'react/jsx-no-target-blank': 'off',
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/README.md b/README.md
@@ -1 +1,29 @@
-# react-exercise-mrina-sugosh
+# 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
+
+![Finished App](https://prod-files-secure.s3.us-west-2.amazonaws.com/a245d138-5f90-448f-b38b-31a6d3da3100/a48ed4e1-0e4b-4bdc-a935-2f3e4aa0c6fc/Untitled.png)
diff --git a/index.html b/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>