Technologies Used

This project was built in React with TypeScript, and Node.js, using an Firebase real time database for storing chatbot data and chat history. OpenAI API is used to interact with GPT models.

Development Process & Motivation

I saw a GPT chatbot tutorial on Scrimba.com and immediately tried it out since Scrimba made it easy for me to learn React. Adding ChatGPT functionality to existing apps can open up many new possibilities, so I wanted to learn how create a simple, reusable solution for other projects.

Challenges & Solutions

The chatbot tutorial was created in vanilla JS, so it needed to be converted to React which was not too much of an issue. Other than the refactoring, it was my first time working with the OpenAI so I had to learn how to integrate it. I also wanted to get familiar with the billing and using different models since the API isn't free.

Future Plans & Improvements

I plan to add more customization options and the ability to add multiple chatbots. With multiple chatbots it would allow having many conversations with different chatbot personalities with a saved history, so with some Firebase database planning this should be possible.