Skip to content

PeterPimentel/react-web-chat

Repository files navigation

💬 React Chatbot UI

This React app, is a fully customizable web-based client for Chatbots.

React chat logo

A solid foundation

React, Redux, Ant Design Icons. A perfect combination of best frameworks.

React chat logo React chat logo React chat logo

Responsive

Responsive view gif

How to use

$ git clone https://github.com/PeterPimentel/react-web-chat
$ cd react-web-chat/
$ npm install
  1. Rename the file .env.example to .env
  2. Run the app in the development mode npm start.
  3. Open http://localhost:3000 to view it full screen in the browser.
  4. It is possible to see in the file samples/embedded-chat/index.html how to embedded the chat into your page.

Please note this app is only the UI, you need implement the back-end app to connect to the NLU service.


Customize

🌈 Colors

In the src/styles/colors.css you can customize the colors of your chat.


😃 If you like this project and used it in yout chatbot please let me know!