https://github.com/amansalman/image-to-text-converter-webversion

A user-friendly React app that converts images to text using the Google Vision API. Upload images, extract text, and view results easily.
https://github.com/amansalman/image-to-text-converter-webversion

axios css google-vision-api html javascript jsx reactjs

Last synced: 4 days ago
JSON representation

A user-friendly React app that converts images to text using the Google Vision API. Upload images, extract text, and view results easily.

• Host: GitHub
• URL: https://github.com/amansalman/image-to-text-converter-webversion
• Owner: AmanSalman
• Created: 2024-10-23T20:27:46.000Z (13 days ago)
• Default Branch: main
• Last Pushed: 2024-10-23T22:13:29.000Z (13 days ago)
• Last Synced: 2024-11-01T17:06:46.653Z (4 days ago)
• Topics: axios, css, google-vision-api, html, javascript, jsx, reactjs
• Language: JavaScript
• Homepage: https://image-to-text-converter-webversion-1.onrender.com
• Size: 41 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Image to Text Converter

This React application allows users to upload an image and extract text from it using the Google Vision API. The app features a user-friendly interface for selecting images, displaying the extracted text in an appealing format. Users can easily clear previous results and upload a new image.

## Features

- Image Selection: Choose images from your device.

- Text Extraction: Uses Google Vision API to extract text from the selected image.

- Clear Results: Option to clear extracted text and upload a new image.

- Responsive Design: Works seamlessly on desktop and mobile devices.

  

## Tech Stack

- **React**

- **Axios**

- **Google Vision API**

## API Key

To use the Google Vision API, you need an API key. Replace the placeholder in the code with your own API key to enable text extraction functionality.

## Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/AmanSalman/Image-to-Text-Converter-WebVersion.git

   ```

2. Navigate to the project directory:

   ```bash

   cd Image-to-Text-Converter-WebVersion

   ```

3. Install the required dependencies:

   ```bash

   npm install

   ```

4. Create a .env file in the root directory and add the API key:

   ```bash

   VITE_API_KEY = 

   ```

5. To run the app locally, use the following command:

   ```bash

   npm run dev

   ```

   This will start the development server and provide you with a local URL to view the app in your browser.

   (http://localhost:5173/ )