GithubHelp home page GithubHelp logo

filipdanic / react-botkit Goto Github PK

View Code? Open in Web Editor NEW
3.0 3.0 0.0 82 KB

React lib for creating chatbot presentations or displaying chat messages.

License: MIT License

HTML 6.05% CSS 17.95% JavaScript 75.99%

react-botkit's Introduction

react-botkit is React.js components library for creating chatbot presentations or displaying chat messages. Originally developed to enable quick prototyping of bot conversations.

License

MIT.

Credits

This project was bootstrapped with Create React App.

react-botkit's People

Stargazers

Alex Segers avatar Anthony Jackson avatar Filip Danić avatar

Watchers

James Cloos avatar Alec Lazarescu avatar Filip Danić avatar

react-botkit's Issues

Tests, tests, tests!

Since the project was created for internal use and quickly bootstrapped with create-react-app I did not give much thought to writing tests.

There are currently a couple of tests, but they basically check that the app doesn’t crash right away.

It would be great to cover the current code with tests and adopt a TDD development process for future features.

Please submit any meaningful tests you can think of for the current code, and I will gladly merge them!

Including names and avatars in chat.

A lot of services have user avatars and names present inside of the chat.

Messenger, for example, has this thing where you see the avatars on the right, but not your own.

fb example

Ideally, this should be 100% customizable via the authors object. We’d add two new props:

export const Author = PropTypes.shape({
  // ...
  authorName: PropType.string,
  authorImage: PropType.string,
});

And then use those settings inside of <Bubble/> component to render an extra image. The hardest part about this is getting the CSS right and making it easy for it to override.

Any takers? I’ll gladly help anyone willing to tackle this.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.