Use of Generative AI — Sample react computer vision app

Sandeep Pamidamarri
3 min readDec 12, 2024

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…

--

--

Sandeep Pamidamarri
Sandeep Pamidamarri

Written by Sandeep Pamidamarri

Digital Transformation Leader | Pega Lead Solution Architect | Pega Certified Data Scientist | Pega Customer Service | Pega Sales Automation | AWS Cloud

No responses yet