Skip to content

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

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages