Skip to content

Latest commit

 

History

History
45 lines (32 loc) · 1.39 KB

README.md

File metadata and controls

45 lines (32 loc) · 1.39 KB

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.