📝 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.
How to Get Canva Pro For Teachers And Students (for free)
How to Sync Obsidian Notes for Free Across Devices (All Platforms)
Noah Morris shares how he makes $30k a month with faceless youTube channels
Los principios del proceso contencioso administrativo
سكاتش التقشف مع صالح أوقروت
Obsidian: Ömürlük Not Alma Uygulaması (Bölüm 1/2)