AI-Powered HTML Editor in React

A React-based HTML editor using Froala, enhanced with AI features like real-time content suggestions, automatic text generation, and EEAT analysis to improve writing quality and productivity.

---

Features

• Rich text formatting with Froala
• Real-time AI writing suggestions
• Generate content automatically from prompts
• EEAT (Experience, Expertise, Authoritativeness, Trustworthiness) analysis

---

Getting Started

Prerequisites

• Node.js (v16+)
• npm

Clone the Project

git clone <repo-url>
cd react-froala-html-editor

Project Setup

1. Navigate to the backend folder (cd backend) and run npm install
2. Navigate to the ai-froala-editor folder (cd ai-froala-editor) and run npm install
3. Store sensitive API keys in a .env file

Run the Project

• Start frontend:

npm run dev

• Start backend:

node server.js

---

How to Use

1. Open the editor in your browser.
2. Write at least 50 characters in the editor.
3. Click the AI button (star icon) in the toolbar to generate content.
4. Click the EEAT button (search icon) to get content quality analysis.

---