Frontend for PO Processing Tool

A static web application for uploading and processing Purchase Order PDFs via a backend API.

Files

• index.html - Main upload interface with drag-and-drop functionality
• results.html - Results page showing processing stats and download options
• logo.jpg - Company logo
• cloudflare-deployment.md - Deployment guide for Cloudflare Pages

Features

• Drag & Drop Upload: Intuitive file upload interface
• API Configuration: Dynamic backend URL configuration
• Real-time Status: Live connection status to backend API
• Progress Tracking: Visual progress indicators during processing
• Download Management: Direct download of CSV files and ZIP archives
• Mobile Responsive: Works on all device sizes

Local Development

1. Open index.html in your browser
2. Configure the backend API URL to your local Flask server
3. Test file uploads and processing

Deployment to Cloudflare Pages

See cloudflare-deployment.md for detailed deployment instructions.

Configuration

The frontend connects to your Railway-deployed backend API. Update the default API URL in index.html:

// Update this line with your Railway backend URL
const defaultApiUrl = 'https://your-railway-app.railway.app';

Browser Support

• Chrome 60+
• Firefox 55+
• Safari 12+
• Edge 79+

API Integration

The frontend communicates with the backend through these endpoints:

• GET /health - Check backend status
• POST /api/upload - Upload and process PDF files
• GET /api/download/<session_id> - Download ZIP of all results
• GET /api/download_main/<session_id> - Download main CSV file