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.
- 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
.
- 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.
-
Clone the repository:
git clone https://github.com/Udoy2/ImageTextify.git cd ImageTextify
-
Install dependencies:
npm install
To start a development server:
npm run dev
The app will be available at http://localhost:5173
.