AuraFrame

YouTube Thumbnail Generator App

AI Starter Project - React version

• The frontend runs in React. The code lives in the src/ folder.
• The backend runs in Nodejs. The code lives in the index.mjs file.

How to run the app

Create a .env.local file and add your API key there. Simply write OPENAI_API_KEY=<your_api_key> (replace <your_api_key> with your key).

To setup the app, run:

yarn && yarn start
or
npm start

You will only need to do it the first time to install all the dependencies. Next time you want to run the app, simply enter:

yarn start (to run the backend and frontend separately so that I have them in two different terminal tabs (it helps to print logs, etc.):)

1. Run `yarn start:backend`
2. Open a new terminal tab
3. Run `yarn start:frontend`

or

npm start

This will open the app in development mode. Visit http://localhost:3000 to view it in your browser.

Developers:

• Zaurbek Stark - provided this react app's starter code
• OpenAI - for providing the GPT-3.5 Turbo and DALL-E models.
• React - for the frontend framework used in this project.
• JavaScript - for the programming language used.
• Ahmed Ballal - as the creator of this app.

Examples: This app is ideal for faceless content creators. In this example "I'm going back to Cali" is entered into the description box, and a prompt is generated by chatGPT 3.5 turbo, which is passed to DALL-E, and this is the result:

Another example -using a video title already on YouTube and comparing the result to the thumbnail generator:

Untitled.video.-.Made.with.Clipchamp.2.mp4