Teneo Web Chat
Web-based chat UI for Teneo chatbots that can be embedded in websites.
Overview
Teneo Web Chat is an innovative chat widget designed for seamless integration into websites, making it a valuable tool for enhancing user interaction. Although this project has been retired due to its reliance on Vue2, which is now deprecated, it still offers robust functionality for those who may find it useful for their projects. With built-in support for a variety of message types and easy customization, it allows web developers to create an engaging chat experience.
This widget combines modern features with accessibility, ensuring that it caters to a diverse audience. Though the Teneo Web Chat has been archived, the arrival of the Teneo Web Widget based on a more modern technology stack provides an exciting alternative for those seeking ongoing support and new features.
Features
- Supports Various Message Types: Teneo Web Chat allows for rich interactions with support for cards, images, buttons, quick replies, and more.
- Lightweight: The widget is designed to be efficient, ensuring fast loading times and minimal impact on website performance.
- Easy to Embed: Integrating the chat widget into any website can be accomplished with just a few lines of code.
- Extendable JavaScript API: Developers can easily customize and extend functionality through a powerful JavaScript API.
- Cross-Browser Compatibility: Works seamlessly across all major browsers, including Chrome, Firefox, Safari, and even older ones like Internet Explorer 11.
- Mobile Device Compatibility: Optimized for mobile usage, ensuring that users can interact with your chat easily on smartphones and tablets.
- Accessibility Ready (WCAG compliant): Designed to be accessible to users with disabilities, adhering to the Web Content Accessibility Guidelines.
- Open Source: The project is open for community contributions, allowing developers to fork and modify it according to their needs.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- 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.
- 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.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.