💻 MedAI Frontend – AI Healthcare Assistant Interface

A modern React + TypeScript frontend for interacting with the MedAI backend, providing a clean and responsive UI for AI-powered medical assistance.

---

🔗 Project Links

• 🌐 Live Application: 👉 https://rag-medai.vercel.app/

• 🧠 Backend API (Live): 👉 https://medai-backend-production-a830.up.railway.app

• 🏥 Backend Repository: 👉 https://github.com/hariom888/MedAI-backend

---

📌 Overview

The MedAI Frontend is a user-friendly interface designed to interact with the AI-powered healthcare backend. It allows users to ask medical queries and receive intelligent, context-aware responses in real time.

Built with modern web technologies, the frontend focuses on performance, usability, and seamless API integration.

---

✨ Features

• 💬 AI Chat Interface Interactive chat-based UI for medical queries

• ⚡ Real-time Responses Fast communication with backend APIs

• 🎯 Clean & Minimal UI Focused on readability and user experience

• 📱 Responsive Design Works across desktop and mobile devices

• 🔗 API Integration Fully connected with FastAPI backend

---

🏗️ Tech Stack

🎨 Frontend

• React
• TypeScript
• Tailwind CSS (if used)

🔗 Integration

• REST API (FastAPI backend)

---

📂 Project Structure

MedAI-Frontend/
│── src/
│   ├── components/      # UI components
│   ├── pages/           # Main pages
│   ├── services/        # API calls
│   ├── hooks/           # Custom hooks
│   └── utils/           # Helper functions
│
│── public/
│── package.json
│── tsconfig.json

---

🚀 Getting Started

🔧 Prerequisites

• Node.js (v16+ recommended)
• npm / yarn

---

📥 Installation

git clone https://github.com/Anmol-pi/MedAI-Frontend
cd MedAI-Frontend
npm install

---

⚙️ Environment Setup

Create a .env file:

VITE_API_BASE_URL=https://medai-backend-production-a830.up.railway.app

---

▶️ Run the App

npm run dev

---

📡 How It Works

1. User enters a medical query
2. Frontend sends request to backend API
3. Backend processes using RAG pipeline
4. AI response is returned and displayed in chat UI

---

🎯 Use Cases

• AI Medical Chat Interface
• Healthcare Assistance UI
• Educational AI Tool Interface

---

⚠️ Disclaimer

This application is for educational purposes only and should not be used as a substitute for professional medical advice.

---

👨‍💻 Contributors

• Anmol Kumar Jindal
• HariOm

---

🤝 Contributing

Contributions are welcome!

fork → clone → create branch → commit → push → PR

---

📄 License

This project is licensed under the MIT License

---

⭐ Support

If you like this project:

• ⭐ Star the repo
• 🍴 Fork it
• 🧠 Share ideas