Skip to content

A ChatGPT-based meme generator. Is this a good idea? No! But did I do it anyway? You betcha!

License

Notifications You must be signed in to change notification settings

bildungsroman/chat-to-meme

Repository files navigation

Chat2Meme

A ChatGPT-based meme generator. Is this a good idea? No! But did I do it anyway? You betcha!

This application is built off the Beginner Chat API Frontend and adds another API call, this time to the Imgflip API.

Why? Because memes!

api meme

Getting started

These instructions assume you already have an OpenAI account and an ImgFlip account. If you don't, go to openai.com and imgflip.com and create one!

  1. Clone this repo (if you have the GitHub CLI, it's as easy as gh repo clone bildungsroman/beginner-chat-api)
  2. cd beginner-chat-api && npm install
  3. Go to your API keys in OpenAI and click Create new secret key. Copy your new key.
  4. Create an .env file in the root of the directory and set your new key there: echo VITE_OPENAI_API_KEY=<Your API Key here> > .env
  5. Open the .env file and add:
VITE_IMGFLIP_API_USERNAME=<Your username here>
VITE_IMGFLIP_API_PASSWORD=<Your password here>
  1. Run npm run dev and you should be able to open your app locally and start interacting with the prompts. If you encounter any errors, there are some console.log()s you can uncomment in src/utils/callChatAPI.ts to help you debug issues.

And that's it! This is just to get you started building an app that utilizes the ChatGPT API - just imagine the possibilities 🪄🧙🦄

Standard please don't sue me if you go broke disclaimer: You may need to upgrade your OpenAI account or add credits to use the API if you have a free account. Please don't go overboard, they really don't need your money at this point.

About

A ChatGPT-based meme generator. Is this a good idea? No! But did I do it anyway? You betcha!

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published