It recognize your speech and trained AI Bot will respond(i.e Customer Service, Personal Assistant) using Machine Learning API (DialogFlow, apiai), Speech Recognition, GraphQL, Next.js, React, redux
Follow the tutorial, read about this project at medium article written by Seunghun Lee.
React.ai is React.js, Redux, Hot Reloading, ESNext, Babel, react-router, Offline First, ServiceWorker, styled-components
, redux-saga, FontFaceObserver, Machine Learning(DialogFlow, apiai), Speech Recognition, GraphQL, Next.js Universal rendering starter kit(boilerplate)⚡️ - SEO-Ready, Production-Ready, SSR, Hot-Reload, CSS-in-JS, Caching, CLI commands and more...
This is the foundation of Server Side Rendered(SSR) FullStack React Machine Learning API boilerplate that currently includes Speech Recognition, Text, Speech Response AI customer Service Chatbot using DialogFlow(Google's Natural Language AI) API. This project is planning to include interesting, useful machine learning AI out of the box written in production ready react boilerplate, node.js.
But wait... there's more!
There’s also a fantastic video on how to structure your React.js apps with scalability in mind. It provides rationale for the majority of boilerplate's design decisions.
Keywords: React.js, Redux, Hot Reloading, ESNext, Babel, react-router, Offline First, ServiceWorker, styled-components
, redux-saga, FontFaceObserver
To help React developers get started with Machine Learning, AI bot project in seconds, help developers spend more time on writing meaningful codes.
yarn
or
npm install
create .env file in the root folder of the project and add the below.
APIAI_TOKEN="YOUR APIAI_TOKEN(client key)"
APIAI_SESSION_ID="YOUR APIAI_SESSION_ID(client secret key)"
Then run
yarn run dev
or
npm run dev
It works but as a reference, currently not sure APIAI_SESSION_ID is required after dialogflow api update.
This project is inspired from @react-boilerplate 's react-boilerplate , @girliemac 'sweb-speech-api
Seunghun Lee 💻 📖 👀 📢 |
---|