Prepare
To build your final solution you'll use a combination of different Azure services. Also, you'll need an IDE, like Visual Studio Code, to write, test your code and deploy it to the Cloud. In this section, you'll learn what you need to set up your project development environment.
Project specification
Your customer asked you to develop a web application that integrates computer vision capabilities that can be used by its employees while developing new content. The application will allow users to analyze an existing image and generate a new one from a text description.
You'll use Azure AI Vision and Azure OpenAI cognitive services to implement the required functionalities. Also, you'll use the React JavaScript framework to develop the web application and Azure Static Web App to host it on the Cloud and ensure continuous integration and delivery (CI/CD) of your code.
Set up
You need an Azure subscription with Azure OpenAI enabled to complete this challenge. As part of Microsoft's commitment to responsible AI, access to Azure OpenAI service is currently limited to a set of Azure customers requesting it in advance, by filling out this form. If your application doesn't match the acceptance criteria, you can rely on the OpenAI public APIs to build your prototype. Not sure what's the difference between the two services? Learn more here.
Prerequisites
- Create an Azure subscription. If you're a student you can benefit from a free Azure for students subscription. If you're not a student, you can still sign up for a free Azure trial.
- Install Visual Studio Code, Node.js and npm to develop and run your application locally.
- Install Azure Static Web Apps VS Code extension and create a GitHub account to deploy your application to Azure Static Web Apps and set up a CI/CD pipeline.