Update the application to display the error message in the frontend

[pmalarme]

Purpose

• Be sure that if there is an error in the AI Shopping Cart Service, the user can have a meaningful message in the frontend to understand the error
• Update application properties to always have a message when there is an exception in AI Shopping Cart Service
• Update the frontend to check when fetch is used if the response is ok or not. If the response is not ok, the status is set to ERROR and the error message is parsed
• Fix the generation of HTML when recipes is undefined or empty for the top 3 recipes

Does this introduce a breaking change?

[ ] Yes
[x] No

Pull Request Type

What kind of change does this Pull Request introduce?

[ ] Bugfix
[x] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Documentation content changes
[ ] Other... Please describe:

How to Test

• Deploy with a wrong Azure OpenAI API Key and check that you have an error message
• Deploy with a correct Azure OpenAI API Key and check that it is working

It can also be tested locally. Nothing change in the deployment.

git clone [repo-address]
cd [repo-name]
git checkout [branch-name]

• Run the front-end

cd src/frontend
npm install
npm start

• Run the AI Shopping Cart Service

cd ../ai-shopping-cart-service
./mvnw clean package
java -jar target/ai-shopping-cart-service-<add-the-version-here>.jar

• Test the code

• Check that the error message is there when the backend has wrong Azure OpenAI configuration

What to Check

Verify that the following are valid

• The application is working if Azure OpenAI settings are correct and if the service is available
• The application display the error message if the configuration is not correct or the service is not available

Other Information

[aarthiem]

tested and it works. Thanks!