This project involved creating a dynamic chatbot interface powered by ChatGPT, built using React. Users could type messages into an input field, and upon sending, the message was forwarded to the ChatGPT API. The API’s response was then displayed in the DOM, creating a smooth, interactive chat experience.
To ensure persistent chat history, each user interaction was also stored in a MongoDB database. When a user logged in again, their previous chats were automatically retrieved and rendered. The application also featured a delete function — removing a message from the DOM would simultaneously delete it from the database, maintaining a clean and synchronized system.