Case Study

Ghost ChatGPT Embed Script

Overview

This script generates topics and tasks for high school students. Users can embed this script into any blog on GooseChase (https://goosechase.ghost.io). ChatGPT is integrated into this script to generate tasks for a specific topic chosen by a Teacher/Student.

Process and Methodology

Challenges:

  • The biggest challenge is to embed the script without disturbing the surrounding UI of the blog posting site..

Solutions:

  • Smart use of JavaScript DOM manipulation helps us overcome this issue.

Technologies:

  • HTML/CSS: Employed for styling and layout to enhance the visual presentation of form and output
  • JavaScript: Used for handling real-time synchronization like submission of form without loading page.