Skip to content

Latest commit

 

History

History
50 lines (33 loc) · 1.69 KB

README.md

File metadata and controls

50 lines (33 loc) · 1.69 KB

AI Shop - UI

This is the UI for the AI Shop project. It is a React application that uses the api-gateway to interact with the other services. The user can upload an image of the product they want to sell and see the generated information in a form.

Run locally

To run the AI Shop UI locally, you need first to build the common module and then start the services. Follow the instructions below in the order they are presented:

  1. Ensure that the Eureka Server is running. If not, start the Eureka Server

  2. Ensure that the Blob Storage Service is running. If not, start the Blob Storage Service

  3. Ensure that the AI Image Processing Service is running. If not, start the AI Image Processing Service

  4. Ensure that the Item Category Service is running. If not, start the Item Category Service

  5. Ensure that the API Gateway is running. If not, start the API Gateway

  6. Start the AI Shop UI in folder src/ai-shop-ui/

    npm install
npm start

  7. Call the WebApp in the browser: http://localhost:3000/

Build the image and push it to Azure Container Registry

  1. Set the following environment variables:

    CONTAINER_REGISTRY_NAME=<your-acr-name>
TAG=1.1.0

  2. Login to Azure Container Registry

    az acr login --name $CONTAINER_REGISTRY_NAME

  3. Build the image

    docker build -t $CONTAINER_REGISTRY_NAME.azurecr.io/ai-shop-ui:$TAG .

  4. Push the image

    docker push $CONTAINER_REGISTRY_NAME.azurecr.io/ai-shop-ui:$TAG