Translated KSA - Frontend

Frontend application for the translation service.

Setup

1. Install dependencies:

npm install

2. Create .env.local file:

NEXT_PUBLIC_API_URL=http://localhost:3001/api

3. Start development server:

npm run dev

The application will run on http://localhost:3000.

Environment Variables

• NEXT_PUBLIC_API_URL - Backend API URL (default: http://localhost:3001/api)

Project Structure

translated-ksa-frontend/
├── app/
│   ├── page.tsx              # Home page
│   ├── review-order/         # Order review
│   ├── submission-success/   # Success page
│   └── viewer/               # File viewer
├── components/
│   ├── document-upload-form-new.tsx
│   ├── header.tsx
│   ├── footer.tsx
│   └── ui/                   # UI components
├── lib/
│   ├── api-client.ts         # API client
│   └── utils.ts
└── public/                   # Static assets

API Client

All API calls are made through the apiClient in lib/api-client.ts.

Example:

import { api } from '@/lib/api-client'

// Get pricing
const pricing = await api.getPricing()

// Submit request
const result = await api.submitRequest(formData)