Chinese Language Learning App

A web application to help learners of Mandarin Chinese memorize characters using the Mandarin Blueprint method, which combines actors, sets, and props to create memorable scenes for each character.

Features

• Interactive phonetic chart for learning Mandarin pronunciation
• Character lookup and scene generation
• Visual memory aids using the Mandarin Blueprint method
• Support for tone recognition and pinyin parsing

Project Structure

client/               # Angular frontend application
├── src/
│   ├── app/
│   │   ├── components/     # Angular components
│   │   │   ├── services/       # Services for data handling
│   │   │   ├── interfaces/     # TypeScript interfaces
│   │   │   └── constants/      # Shared constants
│   │   ├── assets/            # Static assets
│   │   └── environments/      # Environment configurations
│   ├── server/            # Node.js backend application
│   └── environments/      # Environment configurations

Prerequisites

• Node.js (v14 or higher)
• npm (v6 or higher)

Getting Started

1. Clone the repository:

git clone [repository-url]
cd language-learning

2. Install dependencies:

npm install

3. Start the development server (runs both frontend and backend):

npm run dev

4. Open your browser and navigate to http://localhost:4200

The frontend will be available at http://localhost:4200 and the API at http://localhost:3000.

Running Tests

npm test