File size: 1,854 Bytes
cc651f6
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
# Text Classification Frontend

A modern React frontend for the text classification API, built with TypeScript and Tailwind CSS.

## Features

- Text classification
- Batch classification
- Category suggestions
- Classification validation
- Classification improvement
- Real-time feedback
- Modern UI with Tailwind CSS

## Prerequisites

- Node.js (v14 or later)
- npm or yarn
- Running backend server (http://localhost:8000)

## Installation

1. Install dependencies:
```bash
npm install
# or
yarn install
```

2. Start the development server:
```bash
npm start
# or
yarn start
```

The application will be available at http://localhost:3000.

## Project Structure

- `src/components/` - React components
  - `Home.tsx` - Home page with system status
  - `Classify.tsx` - Text classification interface
  - `Validate.tsx` - Classification validation interface
  - `Improve.tsx` - Classification improvement interface
- `src/api/` - API service functions
- `src/types/` - TypeScript type definitions
- `public/` - Static assets

## Usage

1. **Home Page**
   - View system status
   - Check model information
   - Monitor API health

2. **Classify Page**
   - Enter text to classify
   - Perform batch classification
   - Get category suggestions
   - View classification results with confidence scores

3. **Validate Page**
   - Enter text samples
   - Validate classifications
   - View accuracy scores
   - Get improvement suggestions

4. **Improve Page**
   - Enter text samples
   - Provide validation report
   - Specify categories
   - Get improved classifications

## Development

- The application uses TypeScript for type safety
- Tailwind CSS for styling
- React Router for navigation
- Axios for API requests

## Building for Production

```bash
npm run build
# or
yarn build
```

The build artifacts will be stored in the `build/` directory.