project-2e063554

byumar shaik

You are a Senior Full Stack Developer, AI Engineer, UI/UX Designer, OCR Expert and Product Architect. Build a COMPLETE LIVE WORKING web application called "MedLingo AI". This is a professional AI Medical Translator platform. Do NOT build a simple college project. Build a premium healthcare SaaS website. ========================================= PROJECT GOAL ========================================= Patients upload or scan a medical prescription. The system extracts the prescription text using OCR. Google Gemini AI analyzes the prescription. The application identifies all medicines and displays: • Medicine Name • Usage • Daily Dose • Short Description • Warnings After analysis, the user can translate the complete medical information into any selected language. Medicine names, dosage, mg, ml and medical abbreviations MUST NEVER be translated. ========================================= TECH STACK ========================================= Frontend - React JS - Vite - Tailwind CSS - shadcn/ui - Framer Motion - Lucide React - Axios Backend - FastAPI (Python) Database - MongoDB Atlas AI - Google Gemini API OCR - Tesseract OCR PDF - ReportLab ========================================= APPLICATION FLOW ========================================= Do NOT create Login. Do NOT create Signup. When the application starts, open the Dashboard directly. ========================================= DASHBOARD ========================================= Create a modern premium dashboard. Top Navigation Logo: MedLingo AI Menu Dashboard History About Settings Dark Mode Toggle Hero Section Title AI Medical Translator Subtitle Translate medical prescriptions using Artificial Intelligence. Create two large action cards. Card 1 Scan Prescription Card 2 Upload Prescription ========================================= SCAN PRESCRIPTION ========================================= When the user clicks Scan Prescription Open the device camera. Allow taking a photo. After capturing Automatically process the image. ========================================= UPLOAD PRESCRIPTION ========================================= Allow Image Upload PDF Upload Drag and Drop Upload Preview uploaded file. ========================================= OCR ========================================= Use Tesseract OCR. Extract text from Printed Prescription Handwritten Prescription Images PDF Display OCR loading animation. ========================================= AI ANALYSIS ========================================= Use Google Gemini API. Analyze the extracted prescription. Identify every medicine. For each medicine display Medicine Name Usage Daily Dose Short Description Warnings Side Effects Storage Doctor Instructions ========================================= TRANSLATE ========================================= Each medicine card must contain a large button Translate When the button is clicked Open a Language Selection Dialog. Supported Languages English Telugu Hindi Tamil Kannada Malayalam Marathi Gujarati Punjabi Bengali French German Spanish Arabic Japanese Chinese Korean Russian And any language supported by Gemini. After selecting the language Translate ONLY Usage Dose Instructions Warnings Short Description Doctor Instructions Do NOT translate Medicine Names mg ml Dosage Disease Names Medical Abbreviations ========================================= TRANSLATION PAGE ========================================= Show Original Information Translated Information Medicine Cards Copy Button Download PDF Button Listen Audio Button Clear Button ========================================= VOICE ========================================= Read translated text aloud. ========================================= PDF ========================================= Generate professional PDF. Include Hospital Style Layout Original Prescription Translated Prescription Medicine Details Warnings Doctor Instructions QR Code Date & Time ========================================= HISTORY ========================================= Save every translation in MongoDB. Allow Search Delete Open Previous Reports Download PDF Again ========================================= ABOUT ========================================= Explain Application Technology How AI Works Benefits ========================================= SETTINGS ========================================= Dark Mode Language Voice Speed ========================================= UI DESIGN ========================================= Build a premium UI inspired by Google Gemini Apple Microsoft Copilot Linear Use Glassmorphism Blue Gradient Rounded Cards Smooth Animations Modern Typography Professional Healthcare Theme Responsive Design Desktop Laptop Tablet Mobile ========================================= PROJECT STRUCTURE ========================================= frontend backend components pages hooks services utils assets database models routes api ========================================= IMPORTANT Generate a REAL WORKING APPLICATION. Do not create placeholder components. Connect FastAPI with React. Connect MongoDB. Integrate Gemini API. Integrate OCR. Integrate PDF Generation. Generate reusable React components. Use clean architecture. The project must successfully run using npm install npm run dev The final application should look like a professional healthcare SaaS product suitable for a final-year engineering project.