Abstract
The field of conversational AI is growing at a fast pace. It basically includes the methods for developing software agents that are capable of involving in a conversation with humans just like other humans. This research paper is an effort of presenting a glimpse of how a conversational React news application controlled by voice can be developed by making use of ALAN-AI. ALAN-AI is an innovative technology that allows the inclusion of voice capabilities in any application. It enables an application to be controlled completely by the voice, and it is very easy to integrate it. The paper describes several npm commands and discusses the functionality of ALAN-AI in the proposed react application along with the ALAN Studio itself. A brief differentiation of react, Angular, and Vue is also presented to give an idea of the certain advantages that react has over other libraries and frameworks. The paper elaborates how voice scripts can be created via the Web portal of ALAN Studio which provides a set of tools for convenient scriptwriting and testing, including a source code editor, testing and debugging tools, and analytics tool. The paper ends up by explaining the ALAN-AI’s ability to mimic human look-like communication between the user and the app. They work together to allow ALAN to understand human speech, create answers, and complete the app’s tasks.
This is a preview of subscription content, log in via an institution to check access.
Access this chapter
Tax calculation will be finalised at checkout
Purchases are for personal use only
Similar content being viewed by others
References
React—A JavaScript library for building user interfaces. Reactjs.org. [Online]. Available https://reactjs.org/
Ivanov, A., Zakiev, A., & Tsoy, T., & Hsia, K. H. (2021). Online monitoring and visualization with ROS and ReactJS. In 2021 International Siberian Conference on Control and Communications (SIBCON) (pp. 1–4). https://doi.org/10.1109/SIBCON50419.2021.9438890
Material-UI: A popular react UI framework. Materialui.com. [Online]. Available https://material-ui.com/
React Card component—Material-UI. Material-ui.com. [Online]. Available https://materialui.com/components/cards/
Documentation—News API. Newsapi.org. [Online]. Available https://newsapi.org/docs
6 Major Branches of Artificial Intelligence (AI) | Analytics Steps. Analyticssteps.com. [Online]. Available https://www.analyticssteps.com/blogs/6-majorbranches-artificial-intelligence-ai
Person Does Not Exist. Thispersondoesnotexist.com. [Online]. Available https://thispersondoesnotexist.com/
ALAN-AI | Conversational Voice AI Platform. Alan. [Online]. Available https://alan.app
NewsAPI, A news broadcasting site. Available https://newsapi.org/docs/endpoints/sources
News from source. https://newsapi.org/v2/topheadlines?apiKey=${API_KEY}
News by termse. https://newsapi.org/v2/everything?apiKey=${API_KEY}
News by categories. https://newsapi.org/v2/topheadlines?country=in&apiKey=${API_KEY}&category=${YOUR-VALUE}
alan.app,how-tos&tutorial. https://alan.app/docs/tutorials/how-tos#how-to-capture-the-entire-user-input
alan.app,how-tos&tutorial. https://alan.app/docs/tutorials/how-tos#how-to-send-data-from-the-voice-script-to-the-app
Author information
Authors and Affiliations
Corresponding author
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2023 The Author(s), under exclusive license to Springer Nature Singapore Pte Ltd.
About this paper
Cite this paper
Malik, A., Parihar, V., Bhushan, B., Srivastava, J., Karim, L. (2023). Artificial Intelligence-Based React Application (Powered by Conversational ALAN-AI Voice Assistance). In: Sharma, D.K., Peng, SL., Sharma, R., Jeon, G. (eds) Micro-Electronics and Telecommunication Engineering . Lecture Notes in Networks and Systems, vol 617. Springer, Singapore. https://doi.org/10.1007/978-981-19-9512-5_47
Download citation
DOI: https://doi.org/10.1007/978-981-19-9512-5_47
Published:
Publisher Name: Springer, Singapore
Print ISBN: 978-981-19-9511-8
Online ISBN: 978-981-19-9512-5
eBook Packages: EngineeringEngineering (R0)