ChatBot React App

A simple yet flexible React chat bot web interface inspired by the ChatGPT web interface. This barebone app provides a foundation for building chat bot applications with a user-friendly interface.

Features

• Real-time chat interactions featuring ChatBot (bot name) and You (user name).
• Chat box design leveraging full height of screen space for optimum fluent display.
• Messages moves from bottom to top.
• Typing animation for bot responses (word by word with cursor OR letter by letter).
• Backend integration for handling user prompts.
• Easily extendable and customizable.

Usage

1. Clone the repository.

   git clone https://github.com/ganeshcodes/chatbot-react-app.git

2. Install dependencies using npm.

   npm install

3. Start the development server.

   npm start

4. Open http://localhost:3000 in browser.
5. You also need to POST endpoint that returns response to the user prompt. (Ref: ChatBot Python Backend Barebone)
6. Customize and extend the app to suit your chat bot needs.

Inspired by

This project not only draws inspiration from the user interface of ChatGPT but also created with the help of ChatGPT 3.5, offering a foundation for developers to create engaging chat bot applications.

Contribution

Feel free to contribute, report issues, or suggest enhancements. Let's build a vibrant chat bot community together!

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.