Semiconductor Component RAG Search

# Node.js Frontend for Semiconductor Component Search

## 🚀 Quick Start

### 1. Install Dependencies

```bash
cd frontend
npm install
```

### 2. Start Frontend Server

```bash
npm start
```

Or for development with auto-reload:

```bash
npm run dev
```

### 3. Access the UI

**Open in your browser:**
```
http://localhost:3000
```

## 📋 Prerequisites

- **Node.js** (v14 or higher)
- **npm** (comes with Node.js)
- **Backend running** on `http://localhost:8001`

## 🔧 Configuration

Edit `frontend/.env` to configure:

```env
PORT=3000
BACKEND_URL=http://localhost:8001
```

## 🎨 Features

- ✅ **Modern UI Design** - Beautiful dark theme interface
- ✅ **File Upload** - Drag & drop Excel files
- ✅ **Question Answering** - Interactive Q&A interface
- ✅ **Real-time Status** - Connection and collection info
- ✅ **Toast Notifications** - User feedback messages
- ✅ **Responsive Design** - Works on all devices

## 📁 Project Structure

```
frontend/
├── server.js          # Express server (proxies to backend)
├── package.json       # Node.js dependencies
├── .env               # Configuration
├── public/
│   ├── index.html     # Main UI page
│   ├── styles.css     # Beautiful styling
│   └── script.js      # Frontend logic
└── uploads/           # Temporary uploads (auto-cleaned)
```

## 🔌 API Endpoints

The frontend proxies these endpoints to the backend:

- `GET /api/health` - Health check
- `GET /api/info` - Collection information
- `POST /api/upload` - Upload Excel document
- `POST /api/ask` - Ask questions

## 🎯 Usage

1. **Make sure backend is running** on port 8001
2. **Start frontend**: `npm start`
3. **Open browser**: http://localhost:3000
4. **Upload file**: Drag & drop Excel file
5. **Ask questions**: Type question or click quick buttons
6. **View answers**: See formatted answers with context

## 🛠️ Development

```bash
# Install dependencies
npm install

# Start with auto-reload
npm run dev

# Start production
npm start
```

## 📝 Notes

- Frontend runs on port 3000
- Backend should run on port 8001
- Frontend proxies all API calls to backend
- File uploads are temporarily stored and auto-cleaned