Member-only story
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…