Dagmawi Zewdu đź‘‹
A Passionate Frontend Developer 🖥️ & Backend Developer having 7+ years of Experiences over 3+ Country Worldwide.
Client For:
Kazma Technology
Overview
ChatWeft Mobile is your gateway to a world of interactive, AI-powered chatbots. With this app, you can easily discover and engage with chatbots from a variety of industries, including customer service, education, healthcare, and more. Whether you're looking for quick answers, engaging conversations, or personalized assistance, ChatWeft lets you connect directly to company-specific chatbots. The app also features QR code scanning, allowing you to instantly access a chatbot tailored to a specific organization. Plus, with the document upload feature, you can interact with chatbots based on the content of your own PDFs, making the experience even more tailored to your needs. ChatWeft Mobile brings powerful, intelligent conversations right to your fingertips.
Frontend Tools:Â React Native, React Native Navigation, React Native voice
Backend Tools:Â Node.js, Express, Openai API, RAG, Embeddding
System Integration and Architecture: The system architecture of ChatWeft uses a dynamic node-based framework to manage the flow of messages through a customizable chatbot workflow. Each node is powered by specialized algorithms that track and process messages in real-time as they traverse the node tree, ensuring accurate, efficient interactions. By integrating OpenAI's API and supporting seamless data transitions between nodes, the system enables intelligent, personalized responses. This scalable architecture ensures that ChatWeft delivers a flexible, high-performance solution for industries ranging from customer service to education.
Challenges
Developing the ChatWeft Mobile App presented unique challenges, particularly around enabling users to seamlessly explore and interact with multiple company-specific chatbots. Key challenges included implementing smooth QR code scanning for direct chatbot access, handling document uploads for personalized interactions, and integrating voice capabilities for hands-free communication. Additionally, optimizing the app for performance, ensuring compatibility across different mobile devices, and maintaining a user-friendly interface while managing various chatbot workflows were all critical tasks that required innovative solutions.
Adding Voice to Communication to Mobile App
- Challenge: The React Native voice library is outdated, making it difficult to integrate modern speech-to-text capabilities.
- Solution: Customized the React Native voice package to support the latest React Native versions, ensuring compatibility and improved voice recognition performance.
QR Code Scanning for Direct Chatbot Access
- Challenge: The app needed to handle QR code scanning to give users quick access to specific company chatbots. Ensuring that the scanned data correctly linked to the chatbot instance and displayed relevant information was a challenge.
- Solution: Implemented QR code scanning functionality that dynamically connects users to the correct chatbot instance. Ensured that the scanned data was parsed and correctly routed to the corresponding company chatbot in the app.
Handling Document Uploads for Chatbot Interaction
- Challenge: Users should be able to upload documents like PDFs for the chatbot to provide answers based on the content of those documents. The challenge was to implement document-based query handling while maintaining app performance.
- Solution: Developed a document upload feature that extracts text from PDFs and integrates it with the chatbot’s knowledge base. The chatbot uses OpenAI’s embeddings to provide relevant answers based on the uploaded document, ensuring accurate and context-specific responses.
Multi-Chatbot Integration
- Challenge: Allowing users to interact with various company-specific chatbots while maintaining a seamless and consistent experience was complex.
- Solution: Created a unified interface that dynamically loads different company chatbots from the web and organizes them by topic or organization. Ensured that the app’s navigation and interaction flow remained intuitive despite the large number of chatbots available.
Results/Conclusion:
The ChatWeft Mobile App successfully overcame these challenges by implementing QR code scanning for easy access to specific company chatbots, allowing document uploads for custom queries, and integrating a customized voice solution for improved communication. By focusing on performance optimization and a seamless user experience, the app ensures that users can effortlessly interact with multiple intelligent chatbots. These features combined with the ability to adapt to various devices and platforms make ChatWeft Mobile a powerful tool for accessing AI-powered conversations anytime, anywhere.
