Fully customizable open source voice experience that can be hosted on any website.
Built with the Jovo Framework, React, and Tailwind CSS.
Support Jovo by starring our main repo or joining our Open Collective.
-
Download starter
Clone this repository and install the dependencies:
git clone https://github.com/jovotech/jovo-starter-web-standalone-react.git cd jovo-starter-web-standalone-react npm install -
Start client (React)
$ cd client # Start React frontend $ npm run start
-
Start app (Jovo) In a new tab:
$ cd app # Start Jovo development server $ npm run start:dev
-
Open the starter in your browser at
http://localhost:3001.Note: For demo purposes and the ease of getting started quickly, the template uses the Web Speech API as an ASR, which only works in Google Chrome.
This repository contains:
app: Backend logic built with the Jovo Framework using its Web Platform integration.client: Frontend built with React and Tailwind CSS, communicating with the backend using the Jovo Web Client.
The starter was built for you to have a working example as well as an entry point to get started with the Jovo Web integration.
The following documentation will help you understand how the starter is structured and which components take care of which tasks.
If you are new to React and want to develop your website starting with this project, you can take a look at the React guide here. This will give you a quick start to how React works, so you can start creating right away.
The Jovo app the new Jovo Web Platform integration as well as NLP.js as its NLU.
The language model consists of a single intent, SwitchThemeIntent, used to change the theme of the website to either dark or light mode.
Take a look at the React deployment docs here.
To integrate the Jovo Chat Standalone into your existing project, you can use the npm script build inside of the client/ directory. This will produce a bundle in a dedicated build/ directory, containing the whole React client with minified HTML, CSS and JavaScript, ready for dynamic integration into any website.
You can host your Jovo app on almost any platform, whether you choose a hosting provider or to build your own Node.js-based HTTP server. Here are a few examples:
Jovo is the most popular development framework for voice, including platforms like Alexa, Google Assistant, and the web.