Adding intelligence to React Apps with Azure Cognitive Services

This is the demo code I presented at the React Global Summt 2022. You can find the accompanying blog post here.

Quickstart 🚀

Make sure to provision the following in Azure:

1. Azure Cognitive Search
2. Azure Storage account

Then update the configuration in a .env.local file.

touch .env.local
echo "SEARCH_URL=https://<search-service-name>.search.windows.net" >> .env.local
echo "SEARCH_KEY=AZ Portal > Search service > Keys" >> .env.local
echo "DB_ENDPOINT=https://<storage-account-name>.table.core.windows.net" >> .env.local
echo "DB_ACCOUNT_NAME=AZ Portal > Storage account > Keys" >> .env.local
echo "DB_ACCOUNT_KEY=AZ Portal > Storage account > Keys" >> .env.local
echo "DB_TABLE_NAME=<table-name>" >> .env.local

To start the development server:

cd src && yarn && yarn dev

Architecture 🏗

Talk's slides 🛝

SpeakerDeck