Go to file
鄭沛軒 644b6f2b15 fix: resolve CSS variable inconsistencies across mobile prototypes
- Unified CSS variable naming convention across all HTML prototypes
- Fixed --surface-* variables to use design-system.css standards:
  * --surface-primary → --background-primary
  * --surface-secondary → --card-background
  * --surface-tertiary → --background-secondary
- Resolved color contrast issues in Character Details and other UI components
- Added enterprise-grade design system v4.0 with WCAG 2.1 AA compliance
- Implemented mobile-first responsive design for 5 prototype screens
- Archived legacy dramaling-ui.css to maintain version control
- Enhanced component showcase with comprehensive UI library

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-12 16:16:07 +08:00
.claude feat: complete Phase 2 business functions and auxiliary screens 2025-09-11 23:31:12 +08:00
.github feat: add GitHub Actions CI/CD pipeline and PR templates 2025-09-05 21:51:47 +08:00
apps refactor: rename web-native to web and complete architecture documentation 2025-09-10 18:22:25 +08:00
docs fix: resolve CSS variable inconsistencies across mobile prototypes 2025-09-12 16:16:07 +08:00
projects feat: complete frontend architecture migration plan and documentation 2025-09-10 14:35:45 +08:00
sop fix: resolve CSS variable inconsistencies across mobile prototypes 2025-09-12 16:16:07 +08:00
.gitignore docs: add Chinese documentation guide and update structure 2025-09-05 22:16:48 +08:00
ARCHITECTURE_MIGRATION_SUMMARY.md feat: complete frontend architecture migration plan and documentation 2025-09-10 14:35:45 +08:00
Drama_Ling_Enterprise_Design_Master_Plan.md feat: establish enterprise-grade UI design master plan and clean up legacy assets 2025-09-12 04:28:41 +08:00
README.md feat: initial project setup with comprehensive documentation 2025-09-05 21:45:07 +08:00
TASKS.md refactor: rename web-native to web and complete architecture documentation 2025-09-10 18:22:25 +08:00
dl feat: complete frontend architecture migration plan and documentation 2025-09-10 14:35:45 +08:00
docker-compose.yml refactor: complete project structure reorganization and SOP implementation 2025-09-09 23:53:01 +08:00

README.md

Drama Ling

AI-powered language learning dialogue practice application with immersive scenario-based conversations.

📱 Project Overview

Drama Ling combines AI analysis with gamified learning mechanics to help users improve their language communication skills through realistic dialogue scenarios.

Key Features

  • 🎭 Scenario-based Dialogues: Practice real-life conversations in various contexts
  • 🤖 AI Analysis: Get instant feedback on grammar, semantics, and fluency
  • 🎮 Gamification: Rankings, achievements, and progress tracking
  • 📚 Smart Vocabulary Review: Spaced repetition algorithm for optimal learning
  • 💬 Interactive Practice: Voice and text input with real-time responses

🛠 Tech Stack

Frontend (Mobile)

  • Framework: Flutter 3.16+
  • Language: Dart 3.0+
  • State Management: Riverpod
  • Navigation: Go Router
  • Local Storage: Hive / Isar
  • Networking: Dio + Retrofit

Backend (API)

  • Framework: .NET 8 Web API
  • Language: C# 12
  • ORM: Entity Framework Core
  • Database: PostgreSQL 15+
  • Cache: Redis 7+
  • Authentication: JWT + ASP.NET Core Identity

Infrastructure

  • Cloud: AWS (ECS, RDS, S3, CloudFront)
  • CI/CD: GitHub Actions
  • Monitoring: Sentry, DataDog
  • Analytics: Custom analytics pipeline

🏗 Project Structure

dramaling-app/
├── docs/                    # Project documentation
│   ├── design/             # Design specifications
│   ├── technical/          # Technical documentation  
│   └── development/        # Development guides
├── mobile/                 # Flutter mobile app
│   ├── lib/
│   │   ├── features/       # Feature modules
│   │   ├── shared/         # Shared components
│   │   └── core/           # Core utilities
├── backend/                # .NET Core API
│   ├── DramaLing.Api/      # Web API project
│   ├── DramaLing.Core/     # Business logic
│   └── DramaLing.Infrastructure/ # Data access
├── infrastructure/         # Infrastructure as Code
└── scripts/               # Development scripts

🚀 Quick Start

Prerequisites

  • Flutter 3.16+
  • Dart 3.0+
  • .NET 8 SDK
  • PostgreSQL 15+
  • Redis 7+

Development Setup

  1. Clone the repository

    git clone https://github.com/your-username/dramaling-app.git
    cd dramaling-app
    
  2. Backend Setup

    cd backend
    dotnet restore
    dotnet ef database update
    dotnet run --project DramaLing.Api
    
  3. Mobile Setup

    cd mobile
    flutter pub get
    flutter pub run build_runner build
    flutter run
    
  4. Environment Configuration

    cp .env.example .env
    # Edit .env with your configuration
    

📚 Documentation

🔄 Development Workflow

  1. Create feature branch from develop
  2. Make changes following coding standards
  3. Write tests for new functionality
  4. Create Pull Request with description
  5. Code review and approval
  6. Merge to develop branch

🧪 Testing

# Backend tests
cd backend
dotnet test

# Mobile tests  
cd mobile
flutter test
flutter integration_test

📦 Deployment

Staging

Production

🤝 Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'feat: add amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

Please read CONTRIBUTING.md for details on our code of conduct and development process.

📄 License

This project is proprietary software. All rights reserved.

🙋‍♂️ Support


Built with ❤️ by the Drama Ling Team