📝 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.
تكلم بقوة, لا تكن ضعيفاً فيستغلك الناس نصيحة من تجارب كثيرة للدكتور ياسر الحزيمي
جعل الصورة تتكلم بالذكاء الاصطناعي مجانا وباللغة العربية | بدائل D-ID لعمل الفيديوهات القصيرة
Biggest Week in AI News In MONTHS! (Ep10)
Ethics | Introduction to ADA Code | INBDE
Train Your Brain To BECOME LIMITLESS & Achieve ANY GOAL You Have | John Assaraf
الذكاء الاصطناعي سيتكفل بالرواتب | بودكاست فنجان