📝 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.
Recreating Daily Life in the Time of Christ | Parable
Most Terrifying Scares Caught On Camera
Aug 31, 2023 - Genesis Freelancer Revelation Call - Part 1
The Most Scientific Way to Use Supersets (New Research)
A história do Vale do Silício! Como surgiu? Por que é tão importante? – História da Tecnologia
Aug 31, 2023 - Genesis Freelancer Revelation Call - Part 2