🧑‍💻 Aadhaar OCR System – Frontend

This is the frontend for the Aadhaar OCR System, built with React.js. The goal? Let users upload both sides of their Aadhaar card, send them to the backend for OCR, and neatly display the extracted data like name, DOB, and Aadhaar number.

🔥 Features

✅ Upload front and back images of an Aadhaar card
✅ Preview uploaded images instantly
✅ Trigger OCR extraction via backend API
✅ Display Aadhaar details in a clean layout

🛠️ Tech Stack

• ⚛️ React (with Hooks)
• 📡 Axios – for handling API requests
• 🎨 Tailwind CSS (or any CSS framework you prefer)

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/DilfaThayyil/aadharXtract-Client.git
cd aadharXtract-Client

2. Install Dependencies
npm install

3. Setup Environment Variables

4. Start the Development Server
npm start

🧪 How to Use

Upload clear images of the front and back of an Aadhaar card Click the "Extract Info" button View the extracted data rendered below the upload section If it doesn’t work — check the backend or file types 😉

🧼 Notes

The backend must be running for this to work (make sure the OCR server is live). Only supports JPG or PNG images — under 5MB. A good image = better OCR accuracy.

📬 Feedback / Contributions

Found a bug? Want to suggest a new feature? Feel free to open an issue or PR — contributions are always welcome! 💬