ChatGPT Clone

Recommended software and skills: Visual Studio Code; An OpenAI account; Skills in HTML, JavaScript, and CSS.

Video used: ChatGPT Clone – OpenAI API and React Tutorial – YouTube

How to actually create a React project is not clearly explained by him, if it all. I found the video below that shows how to create one.

Video (recommend skipping to 2:20): Vite React Project in 5 Minutes 🔥 – YouTube

I also found that the programmer went a little too fast for me, and I often had to go back.

An account at this link is required to receive the API keys necessary for these projects: Overview – OpenAI API

It should be noted that use of the API keys are limited. The site gives you a “free trial” of $18, and each use of a key uses $0.02.  The trail also expires within 4 months.

I struggled with the API key slightly, although it turns out that I added an unnecessary semicolon to the end of the key. This caused it not to work and I was unable to access the OpenAPI services.

Otherwise, I had little issue with the AI generated image app.

The end result of the app looks like this:

I also had no problem with the second “menu” app and the result looks like this:

Following the video closely gets these results.

In conclusion, I found these projects interesting, and I learned quite a lot with React and OpenAI. It’s a lot like JavaScript and I personally found it to be an easy tutorial.