Skip to content

Simple ChatGPT Customer Message Bot Template with React + Node

Notifications You must be signed in to change notification settings

Radulepy/ChatGPT-React-Message-Bot

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ChatGPT-Message-Bot-Template

This is a React ChatGPT Message Bot Full Stack Template (React + Node.js using TypeScript). It can be used as a starting template to build customer/service bots or any other AI driven messaging service.

It contains both the frontend part (React + Material UI 5.x) chat-bot and the Backend API Part (Node.js + Express) chat-bot-api

React ChatGPT Message Bot Node

Features

  • Frontend: The frontend part of the template is built with React and utilizes Material UI 5.x for the user interface components.
  • Backend API: The backend API is implemented using Node.js and Express framework.

Getting Started

Follow the steps below to set up and run the ChatGPT Message Bot:

  1. Install the needed dependencies npm i in the root folder

  2. Set your ChatGPT's API Bearer Token in src/ChatService.ts in the CHAT_GPT_BEARER_TOKEN variable

  3. Start the chat-bot-api project by runing: npx tsc and node dist/server.js in the /chat-bot-api project path! This will ensure the backend will run on port 4000.

  4. Start the chat-bot project by runing: npm start in the /chat-bot project path! This will start the frontend project on port 3000.

Usage

Once the ChatGPT Message Bot is up and running, you can interact with it through the frontend interface. Open your web browser and access http://localhost:3000 to start using the bot.

Customization

Feel free to customize the template according to your specific requirements. You can modify the frontend components, add additional features, or extend the backend functionality as needed.

Credits

The ChatGPT-Message-Bot-Template was created by Radu Lepădatu and is based on the work of OpenAI.

If you have any questions or need further assistance, please contact me.

About

Simple ChatGPT Customer Message Bot Template with React + Node

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published