I was able to integrate it as a react component and now I want to implement more features but I’m not sure how to go about doing that. This probably isn’t the right place to ask but the github doesn’t appear to be very active so I thought I’d try my luck here and see if anyone has any experience with this. I have tried downloading the repo and following the instructions in the contributing.md but it doesn’t work. I wanted to add the a user avatar image (not the chat bot avatar) and speech recognition if possible.
Honestly I have very little experience with React, I’m trying to learn as I go
I know how to customize the widget as far as looks, I’d like to add some more functionality if possible.
Speech recognition isn’t needed, but it would be nice to implement that eventually. Not important right now though. I do want a user avatar if possible
Well, honestly React JS is really vast subject, but a hands-on session will help you.
Ok, I have customized the looks and feel of the chatbot using .css only, I do not clone it otherwise, I have run the react at port 3000 always.
On the Botfront Github at the end, it’s mentioned all the CSS hierarchy that you can customize and you can easily mention in the snippet code under <script> css code </script>. before the main script
Botfront, already has a lot of the best available features, such as supporting Cards carousels, Buttons, Images, etc. I guess that is enough for the chatbot, but if you can tell me what other functionality you are seeking I can guide you.
Speech Recognition, I guess will not be able to support, honestly, I am not required for my project, but I will try to add that feature (experiment) and will let you know
@nik202 thank you so much! I will take a look at the video and see if it helps. As far as the looks of the chatbot, I have already customized to my needs for now though.
So currently I use rasa-webchat as a React component using npm install rasa-webchat. This works fine for now, but I did have some dependency issues with React when installing.
Is it possible to add the user Avatar through css? I already have the bot avatar set because that is already implemented within rasa-webchat.
Also speech recognition would be awesome to have but it’s not a priority for me right now. I would just like to learn how to edit the code on github and then use it as a react component after making changes/adding features
@mortisplant I have not implemented that use case but it can be possible with the React component as mentioned for bot avatar same can be implemented for the user avatar. You need to mention on Github (open the issue) for botfront.
@nik202 ah okay so i have to open the issue onto github. I was hoping to be able to do it myself now somehow because I don’t know how active the github is anymore. I did see that someone else posted the same issue but there has been no response
