π Using the ChatGPT API and React with Next.js, we create a reusable component to turn a text prompt about color palettes into an interactive app.
π‘ We use the OpenAI npm package to send requests, refine the prompt to retrieve only the necessary information, and work with the response effectively.
π¨ By entering the brand name in a text field, we can obtain the company's color palette, allowing us to easily retrieve the colors that identify them.
π Using Tailwind CSS and Next.js to create a fast and beautiful app interface.
π¨ Displaying color hex codes returned from ChatGPT and arranging them on a grid.
βοΈ Adding styling, loading indicator, and click action to enhance the user experience.
π The training data for ChatGPT ends after September 2021, so any changes to the model's performance after that date are unknown.
π To create a real app using ChatGPT, it is recommended to route the API calls through a back end to protect the secret key.
π Inconsistent results may occur with ChatGPT over time, but improvements are expected to be made in this area.
Philosophy of Science and Technology: Part I | Philosophy of Technology | Dr. Josh Redstone
The Only Math Video You Will Ever Need
I Spent 50 Hours Buried Alive
TED δΈθ±ιθͺεεΉ: ηΈδΏ‘δ½ θ½ι²ζ₯ηει
Globalisation and Sense of Place (A-Level Geography)
Slow Fashion Do's & Don'ts | easy tips everyone can use