Leopard Chat UI Teneo
Leopard Chat UI - A Teneo Chat Client based on Vue and Vuetify
Overview:
AboutLeopard Chat UI is a feature-rich chat client for Teneo, leveraging Teneo's capability of returning rich data for an interactive chat experience. It can be used in production mode or Sales Engineering mode, allowing for easy configuration of conversational demonstrations. An administration interface is provided for customizing the chat UI per conversational solution. Built with Vue.js and Vuetify, Leopard offers a dynamic chat experience.
Features:
- ASR & TTS: Automated Speech Recognition and Text-to-Speech functionalities.
- Alerts: Ability to display alerts and notifications within the chat interface.
- Cross-Browser Compatibility: Compatible with all modern browsers and IE 11.
- Answer Text Formatting: Supports HTML and Markdown text formatting for responses.
- Audio Player: Integrated audio player for playing audio content within the chat.
- Auto Switch Solutions: Automatically switches between conversational solutions.
- Buttons: Option to include interactive buttons for user interaction.
- Cards: Supports the display of card-like elements for structured information.
- Custom Forms: Allows the creation of customized forms within the chat interface.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Vuetify
Vuetify is a no design skills required UI Library with beautifully handcrafted Vue Components.
- Firebase
Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Prism JS
PrismJS is an open-source, lightweight, and extensible syntax highlighting library that supports a wide range of programming languages and markup formats.
- Stylelint
Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.
