Tell me a story… With ChatGPT from OpenAI and React Native

Boopy
3 min readApr 13, 2023

--

# Introduction

I started this project mainly to play with ChatGPT from OpenAI. It’s a small app that allows you to write a story using the OpenAI API. There are some predefined stories to help your inspiration, and you can also write your own story.

This app uses these following API:

Enjoy it! :)

This app has four screens:

  • A tutorial interface that introduces the app.
  • A simple screen that displays the users who have created pictures and illustrations.
  • The screen that allows you to write a predefined story.
  • The screen that allows you to write your own story.
Tell Me A Story App
How to write your own story

> You can use an audio file, from your device, to write a story. Before you have to record an audio (Tell me a story about an alien who loves to swim and eat chocolate very much.), and then the app will transcribe it. After that, you can use the transcription to write a story.

# Requirements

In order to use the API of ChatGPT, you have to create an account Explore the OpenAI API. After that, just create a new secret key API keys.

# Installation

git clone https://github.com/kiki-le-singe/tell-me-a-story-ai.git <name>
cd <name>
yarn | npm install
npx pod-install

Create a .env file at the root of the project and set this env variable OPENAI_API_KEY=<YOUR_SECRET_KEY>

npm run ios

# Resources

All the images are taken from Freepik. Those I have chosen have a free license. I just use them to illustrate this app.

They are designed by these authors:

All the icons are taken from unDraw.

A big thanks to them for their awesome work!

If you appreciate this project, do not hesitate to share it, like it, and give me feedback if you have any questions. Enjoy it ;)

Have a good day :)

--

--