Insurance Bot Dashboard
Admin Dashboard to monitor and analyze chats
Overview
The Cloud Insurance Co. admin dashboard is an integral tool designed for administrators to efficiently monitor and manage the interaction between chatbots and website visitors. This dashboard offers a comprehensive view of ongoing site activities, including real-time insights into chatbot conversations, enabling users to directly engage with valuable data. Administrators have the ability to manage log entries easily, ensuring the information remains relevant and up to date.
Built on a robust set of front-end technologies and a well-configured webpack build system, the dashboard boasts a suite of developer tools that streamline the development and testing processes. From hot reloading to detailed code coverage reports, this application is tailored for both functionality and a smooth developer experience.
Features
-
Real-time Chat Insights: Provides administrators with a live view of chatbot conversations, enhancing interaction monitoring.
-
Log Management: Offers the ability to delete individual log entries, helping maintain the cleanliness and relevance of data.
-
Advanced Development Tools: Includes Redux CLI, Redux devtools, and Storybook for improved component development and testing.
-
Configurable Build System: Utilizes a feature-rich webpack build system for enhanced performance, including hot reloading and bundle splitting.
-
Comprehensive Testing Support: Supports unit testing and code coverage reports to ensure high-quality, reliable code.
-
Microservices Deployment: Simplifies the deployment of associated microservices, providing flexibility in application architecture.
-
IBM Cloud Integration: Seamlessly integrates with IBM Cloud services, including the Watson Tone Analyzer, for enriched functionality.
-
Local Environment Setup: Detailed instructions for running the application locally, allowing for easier development and testing phases.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- 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.
- Material UI
material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
- 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.
- Recharts
Recharts is a powerful and easy-to-use React library for building customizable and interactive charts. Built on D3.js, it offers a wide range of pre-built chart types, such as line, bar, pie, and scatter charts, all of which can be composed with a declarative syntax.
- Redux
Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.
- 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.