OpenAI Playground

Installation and usage

git clone https://github.com/neeraj1bh/openai-playground
cd openai-playground
yarn
yarn dev

Add your OpenAI API token while using

Users can generate completions using the model of their choice.
Tracking token usage for all models individually, so user can track their cost of usage.
Ability to closely control the variables used for completion.
Export your messages sent during the session as a JSON.
Ability to save and search through user presets.

Data export because all good services should have a data export, just in case you want to use that data elsewhere or use another service 🥲
I chose to show token usage cost because it was something I found myself looking at often when trying to call the API or see remaining credits. Also, this seems like an app that would have more analytics down the line.
I created a dark mode because it's always better to have that choice than not.
I added tooltips for all the config settings so that a new user has something to go on when they are working with models for the first time.
The saving and searching of presets was done so that you can later use a setting that gave you good results.
I stored data locally to save the presets and usage until the time I add login and can store it in a DB.