c-grigsby / computer-vision

Client-side application utilizing machine learning OCR technology from Azure A.I.

Computer Vision

This client-side application utilizes machine learning via Optical Character Recognition (OCR) to analyze the text content found within any image. It accomplishes this task via the the Azure Computer Vision API, an AI service that analyzes content in images and video.

Demo

Live Demo of Application

---

Project Specifications

• Developed with React
• UI for image upload and analysis results
• Utilizes the Read API from Azure Cognitive Services
• Images uploaded to Cloudinary to provide a URL for processing
• Displays the text extracted from the image to the user
• Redux to assit with state management
• Read 3.2 REST API Documentation
• Continous deployment via Netlify

---

Application URL

• https://computer-vision-services.netlify.app

---

Getting Started

In the project directory, to install dependencies:

npm install

Then, to run in development mode:

npm start

Open http://localhost:3000 to view it in the browser.

To build the app for production to the build folder:

 npm run build

---

Environment Variables

This applications utilizes a .env file to host environment variables. For local utilization configure the following account information:

• REACT_APP_AZURE_KEY="YourAzureKey"
• REACT_APP_AZURE_ENDPOINT="YourAzureEndpoint"
• REACT_APP_CLOUDINARY_KEY="YourCloudinaryKey"
• REACT_APP_CLOUDINARY_ENDPOINT="YourCloudinaryEndpoint"