🤖 Web app that generates oddball prompts for writers and creative writing teachers
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
.DS_Store
.gitignore
Procfile
README.md
package-lock.json
package.json
server.js

README.md

PromptRobot

Prompt Robot is a responsive web app that uses the GIPHY API and the Words API to generate writing prompts for writers and creative writing teachers. This project was built with HTML5, CSS3, JavaScript, jQuery, and Node.js.

Introduction

Surrealist artist Max Ernst wrote that creativity is "that marvelous capacity to grasp mutually distinct realities and draw a spark from their juxtaposition." This app randomizes over large quantities of data to pull a GIF and a set of three words that aim to surprise and inspire through such a juxtaposition. While testing a prototype of the app, one high school English teacher said that Prompt Robot would be a visually engaging way to get beginning writers in his classroom interested in starting new projects.

User Summary

  • When a user opens the app, the robot is empty and intro text below the header explains the app and prompts the user to click the 'New Prompt' button.
  • A user can select whether they wish to see only g-rated GIFs via a toggle switch.
  • Once the button is clicked, a GIF, an adjective, a noun, and a verb appear in the content boxes. The GIF data is fetched via GIPHY's randomizing endpoint, with a randomized tag word from a bank sent as a parameter. Each word is fetched through a separate API call via a web server. Each call sends a different part of speech as a parameter.
  • When a user mouses over a word, the box is highlighted. When a user clicks on a word, a separate tab opens with the dictionary.com definition of that word.

API Information

To learn more about the dictionary API used in this project, visit https://www.wordsapi.com/

And for GIPHY's API documentation, see https://developers.giphy.com/