A web application that helps users read Chinese articles by providing pinyin and definitions when hovering over phrases.
- Input Chinese text in a text area
- Process text to identify phrases
- Hover over phrases to see pinyin and English definitions
- Clean, modern UI with smooth interactions
- Python 3.7 or higher
- A web browser
- Install Python dependencies:
pip install -r requirements.txt- Start the Python backend server:
python app.pyThe server will start on http://localhost:5000
- Open your browser and go to:
http://localhost:5000
The Flask server serves both the frontend (HTML/CSS/JS) and the backend API, so everything works together automatically.
- ✅ Frontend UI with text input and reading area
- ✅ Hover tooltips for phrases
- ✅ Basic Python Flask backend structure
- ⏳ Chinese text processing (to be implemented)
- ⏳ Pinyin generation (to be implemented)
- ⏳ Definition lookup (to be implemented)
The backend (app.py) currently has placeholder functionality. Future implementation will include:
- Chinese text segmentation (using libraries like
jieba) - Pinyin conversion (using libraries like
pypinyin) - Dictionary/definition lookup (using APIs or local dictionaries)
chinese-reader/
├── index.html # Main HTML file
├── styles.css # Styling
├── app.js # Frontend JavaScript
├── app.py # Python Flask backend
├── requirements.txt # Python dependencies
└── README.md # This file