Skip to content

πŸ“Έβœ¨ imageTextify Frontend: A sleek React app for text extraction from images with OCR! Drag, drop, and watch magic happen in real time! πŸš€πŸ”

Notifications You must be signed in to change notification settings

Udoy2/ImageTextify

Repository files navigation

ImageTextify Frontend πŸ“ΈπŸ”

This is the frontend component of imageTextify, a user-friendly web app that extracts text from images. Built with modern tools like React and TailwindCSS, the frontend provides a clean and responsive UI to interact with the backend OCR service.

πŸš€ Features

  • Drag & Drop Image Upload πŸ–ΌοΈ: Quickly upload images for processing.
  • Text Extraction βœ‚οΈ: Get text content from images using OCR technology.
  • Copy to Clipboard πŸ“‹: Easily copy extracted text.
  • Interactive Notifications πŸ””: Real-time feedback with react-toastify.
  • Loading Indicators ⏳: Smooth experience with react-spinners.

πŸ› οΈ Technologies Used

  • React: Frontend framework for building the user interface.
  • Vite: Fast and modern build tool for development.
  • TailwindCSS: Utility-first CSS framework for styling.
  • react-toastify: Provides notifications for user interactions.
  • react-dropzone: Simple drag-and-drop file upload.
  • react-spinners: Smooth loading animations.

πŸ“¦ Installation

  1. Clone the repository:

    git clone https://github.com/Udoy2/ImageTextify.git
    cd ImageTextify
  2. Install dependencies:

    npm install

πŸƒ Running the Project

Development

To start a development server:

npm run dev

The app will be available at http://localhost:5173.

About

πŸ“Έβœ¨ imageTextify Frontend: A sleek React app for text extraction from images with OCR! Drag, drop, and watch magic happen in real time! πŸš€πŸ”

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published