Use of Generative AI — Sample react computer vision app

It’s been a long time since I have posted on Medium. Thanks for following.

In this post, let's explore and understand how to leverage generative AI for software development. There are many powerful LLMs — Google Gemini, ChatGPT, Llama, Calude etc…. These models can handle complex prompts and understand user context. Here I would like to demonstrate — How easy to ideate, develop and experiment.

Step 1: Identify the requirements

A simple React app where a user uploads an image for analysis. For image analysis, we need Computer Vision Artificial Intelligence. Google Cloud Vision provides this Software as a service. Here is my tech stack:

• React JS— For front-end development
• MUI — Google material UI for styling
• Computer Vision — Google Cloud Vision API

Step 2: Prepare the Generative AI prompt

Make sure the prompt is descriptive enough. Below is the sample prompt for the above requirement

Generate a simple react project with the following requirements:

- Web page for a user to upload an image 
- Use google mui theme for styling 
- The image is passed for google computer vision api to identify the entities…