d-hp / storybook-ai-rf3

A web application that uses DALL-E & DaVinci OpenAI models to create user-prompted stories rendered using WebGL/RF3

A web application that uses DALL-E & DaVinci OpenAI models to create user-prompted stories rendered using WebGL/RF3

Explore the docs »

View Demo · Report Bug · Request Feature

About The Project

storybook is a simple web application that creates stories using OpenAI's DaVinci & DALL-E models based on selections made by users of the application. The application will put together the text & images, provided by the aforementioned APIs, into a 3D environment created using WebGL, ThreeJS, and React-Fiber.

(back to top)

Built With

(back to top)

Getting Started

This project is still in development. If you'd like to check it out, please follow the instructions below.

STEP 1 — Clone the repository

git clone https://github.com/d-hp/storybook-ai-rf3

STEP 2 — Setup environment variables

Create a .env file at the top level of the project directory with the following contents. The `port` will determine where your web application will be locally hosted. The `OPENAI_API_KEY` must be generated through OpenAI's website in order for any of the text and/or images to load. A single API key from OpenAI can be used to access both of the necessary AI models.

# .env
PORT=
OPENAI_API_KEY=

STEP 3 — Start the application! The npm start script will start both our frontend and backend interface.

npm start

STEP 4 — Navigate to localhost:PORT to try out the storytime application!

http://localhost:PORT/

(back to top)

Roadmap

• Create more prompt options on the 'Home' page to allow for a greater diversity of stories
• Persist AI-generated stories by utilizing S3
• Create testing suites to ensure functionality during development
  • Unit tests
  • Integration tests
  • End-to-end tests

See the open issues for a full list of proposed features (and known issues).

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Show your support

Give a ⭐️ if this project helped you!