Alan news app is voice enabled smart news app that gives you latest news around you just using voice commands. You can find news from your favorite news source ( like, CNN, Wired, BBC News, Time, IGN, Buzzfeed, ABC News...) based on several different categories(like, business, entertainment, health, science, sports, general, technology...) or search terms(like, Bitcoin, PlayStation 5, Smartphones, Donald Trump...). The news are fetched from trusted https://newsapi.org/. To make this app more fun, we have integrated everyday coversation script as well.
.png)
.png)
This project was bootstrapped/initialized with Create React App.( using npx create-react-app ./)
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
1- npm i @alan-ai/alan-sdk-web //Allow us to use voice capabilities
2- @material-ui/core
3- classnames // help the components with multiple classnames
4- words-to-numbers //npm library which parse the words to actual number
- Go to alan.app and sign up for a free account
- You will recive limited free integration that you can use to test out your voice commands
- Click integration and generate Alan API key
- Initialize alanbtn in your react application with the alanKey you generated
- Test out your react commands in alan studio as well as on your browser
Please check the alan docs for more info https://alan.app/docs/usage/getting-started)