Guide avancé pour ChatGPT – Construisez votre propre site de Chat GPT

🎯 Key Takeaways for quick navigation:

00:00 🤖 Introduction to Advanced Guide
– Overview of the video structure in three parts: Advanced prompt engineering, exploring different models in the playground, and building an API application.
– Mention of a ready-to-use template for OpenAI projects and its features.
– Introduction to the importance of prompt engineering in AI interactions.
01:52 🚀 Prompt Engineering Principles
– Definition of prompt engineering: querying AI effectively for desired outcomes.
– Example of prompt evolution: From a standard question to a more structured query using code snippets.
– Emphasis on continuous refinement of prompts for optimal AI responses.
04:10 📚 Learning Prompt Engineering on OpenAI's Dashboard
– Recommendation to explore OpenAI's examples on prompt engineering in the dashboard.
– Insight into how OpenAI has engineered prompts and responses for various tasks.
– Encouragement to experiment and learn from existing examples for prompt design.
09:53 💡 Understanding Different AI Models
– Explanation of what AI models are: how AI is trained and primed for different tasks.
– Introduction to four main OpenAI models: Da Vinci, Curie, Ada, and the Bug.
– Overview of the capabilities and pricing differences among the models.
13:36 🎛️ Fine-tuning Models and Token Pricing
– Mention of the option to fine-tune your own model for specific tasks.
– Explanation of token pricing and the link between tokens and words.
– Reference to a tool for tracking token usage in OpenAI models.
15:38 🌡️ Understanding Temperature in AI Outputs
– Explanation of temperature in AI models: its role in controlling output randomness.
– Demonstration of temperature settings from 0 (strict) to 1 (creative)using examples.
– Acknowledgment of temperature limitations in ChatGPT compared to other models.
17:01 🔄 Fine-tuning and Customizing Models
– Brief introduction to fine-tuning models for specific requirements.
– Acknowledgment of the complexity of fine-tuning and reference to additional resources.
– Emphasis on customizing models for specific use cases.
18:08 ⚙️ Setting Up the Project Environment
– Requirements for the project: Node.js, Create React App, and Express.
– Mention of the need for an OpenAI account and API key for interaction.
– Kick-off of the project with the creation of a React app and setting up the Express server.
19:45 🖥️ Creating the Express Backend
– Implementation of a basic Express server with routes and a hello world response.
– Demonstration of installing necessary packages like body-parser and cors.
– Initial steps towards building the backend for the OpenAI API interaction.
20:49 🚀 Setting up the Node.js server
– Installing 'cors' package using npm.
– Running the Node.js server on Port 3000.
– Testing the server with a "hello world" request.
21:05 🧹 Using GitHub Copilot to create a React component
– Using GitHub Copilot to generate a React component.
– Describing the React component's functionality (inputting a text area message, fetching from local server, displaying response).
– Reviewing the generated code for the React component.
23:21 🔄 Connecting the front-end and back-end
– Updating the server port to 3001.
– Modifying the server response and request methods for compatibility.
– Verifying the connection by submitting a message through the React app.
23:34 📦 Importing OpenAI library
– Exploring the OpenAI website to get API introduction.
– Importing OpenAI library into the Node.js index.js file.
– Configuring OpenAI API and handling API key.
26:07 🤖 Using OpenAI's GPT-3.5 model
– Incorporating OpenAI's GPT-3.5 model into the Node.js server.
– Making an asynchronous API request to generate a completion.
– Handling and logging the response from the OpenAI API.
27:25 🛠️ Parsing and displaying OpenAI's response
– Parsing the OpenAI response to extract relevant information.
– Implementing conditional logic to handle the response structure.
– Displaying the generated text from the OpenAI model in the React app.
30:10 🚧 Prompt engineering for specific tasks
– Creating a prompt to simulate a conversation with Steve Jobs.
– Demonstrating the process of defining prompts for specific tasks.
– Adjusting the React app to interact with the Steve Jobs chat prompt.
35:25 ⚙️ Custom prompt for console terminal interactions
– Generating a custom prompt for simulating console terminal interactions.
– Submitting commands to the OpenAI model to receive simulated terminal responses.
– Exploring the flexibility of ChatGPT for diverse applications.

Made with HARPA AI

very nice tutorial, thx and god bless you. Regards from hong kong ^_^

Adrian Twaro. Thank you for the great video. I am thinking of buying OpenAI Template Starter Kit for ChatGPT / GPT3. Has there been any new releases of updates to the codebase recently?

Whoa!!! Go back and give more details on the API you built. I'm interested but low on time. I'm on my phone. Don't want to go to the website to read the capabilities while I'm at work on a small break

Great video! I did find it funny how well versed you are about this but didn’t seem to catch onto the naming scheme behind the models 😅. They’re all famous scientists eg Ada (pronounced ay-daa not ah-da) is Ada Lovelace. Amazing content still just a funny thing I noticed lol

Great video, I have learned so much from the tutorial. I have a question on the 23:18 mark, you launch the frontend to port 3000 even though you changed it to port 3001. As I followed, When I launched node index.js, I got stuck with a CANNOT GET / error. Do you know any solutions?

Now it's needed to set up paid account to get to use the API. I´m always getting my card declined and I've checked everything. I've seen some people with the same issue but 0 solutions. Anyone here got an idea about why could this be happening? Or how to solve it? Thanks in advance. Super super helpful video!!!! Amazing.

Would this kind of AI be able to analyze prompts such as movie titles, characters or actions to make stories?

Hello @Adrian Twarog ,how can we provide fine-tuned-model to chatgpt chatbot in react node application?

11:02 : You say .. davinci is the model, chatGPT is "probably" based on.
You can see exactly which model chatGPT is using when looking at the exported data of your chats.
I have no idea how to change it, but here it says (May 2023):
"metadata": {"message_type": null, "model_slug": "text-davinci-002-render-sha",

I am getting the Cannot GET / error when using post, How to resolve this?

Can you guide me how to do the similar stuff in python?

Really appreciate this, Adrian!