Skip to content

React JS practice using ChatGPT API calls. Code based on Ania Kubow's tutorial.

Notifications You must be signed in to change notification settings

buimatt/ChatGPT-API-React-Practice

Repository files navigation

ChatGPT-API-React-Practice

React JS practice using ChatGPT API calls. Code based on Ania Kubow's tutorial.

Objectives

The goal of this project is to learn and practice the following things:

  1. Frontend and backend development using JS and React
  2. Using API calls to chatGPT

server.js

The backend code for the website. Also contains the API calls to ChatGPT.

App.js

The Frontend code for project. Contains logic for multiple chats with access to previous chat history.

How to run

npm run start:backend npm run start:frontend

alt-text User interface when opening the website. Able to send messages at the bottom and starting a new chat on the top left.

alt-text Shows the message and response from the user and the ChatGPT API. Previous chat history can be accessed from the left column.

Conclusion

In this project I practiced with JS and also front and back end development. I was also able to work the ChatGPT and handle the API calls and procesing the information returned. The next steps are to work on developing the project in TypeScript.

About

React JS practice using ChatGPT API calls. Code based on Ania Kubow's tutorial.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published