Appointment scheduling app (React)¶

App demo¶
The Appointment scheduling app is live: you can play with a demo app.
App source code¶
The app source code is available on Alan AI GitHub. To use the code example:
Clone the repository to your computer.
Navigate to the
appointment-frontend
folder.In the
appointment-frontend
root folder, rename the.env-example
file to the.env
file.Replace the
REACT_APP_ALAN_KEY
value with your Alan AI SDK key in following format:KEY=VALUE
.Run
npm run build
.Navigate to the
appointment-backend
folder.In
appointment-backend
folder, rename the.env-example
file to the.env
file.Replace the
MONGO_URL
value with your Alan AI Studio key in following format:KEY=VALUE
.
Where to find the code?¶
To understand how the AI assistant works, refer to the following files:
appointment-frontend/src/mainComponents/alanContainer.js
: here you can find the code for the Alan AI button component added to the app.scripts/Appointment.js
: here you can find the dialog script for the Appointment scheduling app.