Files
encoach_backend_new_v2/frontend
Yamen Ahmad a554ef5d42
Some checks failed
CI / Frontend — lint + build + e2e (pull_request) Has been cancelled
CI / Backend — Odoo HttpCase (pull_request) Has been cancelled
fix(qa): approval queue, rubric UX, structure enforcement, upload/publish limits
Addresses the QA notes on the end-to-end approval flow. Highlights:

Backend
- encoach_ai/generation_submit: create encoach.approval.request on submit so
  submitted exams actually reach the approver queue (previously only the
  workflow id was stored on the exam, leaving approvers with an empty inbox).
  Initial exam status flips to pending_approval instead of draft.
- encoach_exam_template/approval_workflows:
  * /api/approval-users filters out students (user_type='student',
    op_student_id set, share=True) so the approver dropdown only lists staff.
  * _ser_request enriches requests with target_name / target_status and the
    current stage approver for UI badges.
  * list_requests supports mine=1 / requester=1 so approvers only see queue
    items awaiting their action.
  * approve_request / reject_request now transition the underlying
    encoach.exam.custom to published / rejected on final approval.
- encoach.exam.custom.status: add pending_approval and rejected states to
  match the approval workflow transitions.

Frontend UX
- GenerationPage: rubric field shows "Auto-graded — no rubric" for Listening
  and Reading (rubrics only apply to Writing / Speaking). Divider dropdowns
  now carry explicit help text explaining None / Line / Space / Page Break
  and where to write prompts. Selecting an official exam structure
  auto-populates the required tasks/sections/parts, the delete button is
  hidden for essential tasks, and submit is blocked if the user dropped
  below the structure's required count.
- RubricsPage: "Add Criterion" is now a dropdown with IELTS-specific
  presets (Task Achievement, Coherence & Cohesion, Fluency & Coherence, …)
  keyed off the selected skill, plus a "Custom (blank row)" fallback.
- AdminCourses: added tooltips and helper copy clarifying Difficulty vs
  CEFR Level in the Create Course dialog.
- CustomExamCreate: validate the whole form before Save/Publish, surface
  backend error messages (413/504/401) instead of a generic toast, read the
  exam id from the correct response field, and avoid marking Publish as
  failed when only the optional Save-as-Template step errors.
- ResourceManager / TeacherLibrary: upload toast now shows a concrete
  reason (HTTP 413 / 504 / 401) instead of a generic "Upload failed".

Config (504 / 413 / resource upload fixes)
- odoo.conf + odoo-docker.conf: raise limit_time_cpu to 600s,
  limit_time_real to 900s, limit_request to 128 MB, and memory caps so
  /api/exam/generation/submit and multipart resource uploads stop hitting
  504 / 413 during QA.
- frontend/Dockerfile (nginx): add client_max_body_size 128m, bump
  proxy_read_timeout / proxy_send_timeout to 900s, and disable request
  buffering so large AI/resource payloads stream through the proxy.

Made-with: Cursor
2026-04-20 17:14:39 +04:00
..

EnCoach Frontend — v2

Branching Workflow

This repo is connected to the staging server via a Git post-receive hook. All deployment is automatic — but only after code review approval.

How to contribute

  1. Never push directly to main — branch protection will block it.
  2. Push your changes to your feature branch (e.g. feature/full-frontend-v1)
  3. Open a Pull Request on Gitea targeting main
  4. Request review from devops (Talal)
  5. Once approved and merged, the staging server rebuilds and redeploys automatically.

Environment

The .env file is not committed. It lives only on the staging server at /opt/encoach/frontend-v2/.env.


EnCoach — Adaptive Learning Platform (Frontend)

The frontend application for the EnCoach Adaptive Learning Platform, serving UTAS university students and freelance learners across IELTS, Mathematics, and IT courses.

Built with React 18, TypeScript, and Vite. Connects to an Odoo 19 backend via REST API.

Tech Stack

Layer Technology
Framework React 18 + TypeScript
Build Vite 5 (SWC)
Routing React Router v6
State / Data TanStack Query v5, React Context
UI Components shadcn/ui + Radix UI
Styling Tailwind CSS 3
Forms react-hook-form + Zod validation
Charts Recharts
Icons Lucide React

Architecture

src/
├── components/         # Shared UI, layouts, AI components
│   ├── ai/             # 14 AI-powered components (coaching, grading, insights)
│   └── ui/             # shadcn/ui primitives
├── contexts/           # AuthContext (JWT session management)
├── hooks/
│   ├── queries/        # TanStack Query hooks (exams, assignments, LMS, adaptive)
│   └── usePermissions  # Entity-scoped permission checks
├── lib/
│   ├── api-client.ts   # Centralized HTTP client with JWT + 401 interception
│   └── query-client.ts # TanStack Query configuration
├── pages/
│   ├── admin/          # Admin & LMS management (courses, batches, taxonomy, resources)
│   ├── student/        # Student portal (dashboard, courses, adaptive learning flow)
│   └── teacher/        # Teacher portal (courses, assignments, attendance, grading)
├── services/           # 21 API service modules mapped to Odoo endpoints
└── types/              # 14 TypeScript type definition files

Key Features

  • 7 User Roles — Student, Teacher, Admin, Corporate, Master Corporate, Agent, Developer
  • Adaptive Learning Engine — Diagnostic assessment, proficiency profiling, AI-generated learning plans, topic-level content delivery
  • LMS Integration — Course management, batches, timetables, attendance, grades (OpenEduCat via API)
  • Exam Portal — IELTS-style exams with AI grading, writing evaluation, speaking assessment
  • 14 AI Components — Study coach, writing helper, grading assistant, risk detection, insights panel, batch optimizer, report narratives
  • Entity-Scoped Permissions — Fine-grained access control with 77+ permission types
  • Multi-Subject Support — IELTS (English), Mathematics, IT — all using a universal subject taxonomy

Getting Started

Prerequisites

  • Node.js 18+ (or Bun)
  • Odoo 19 backend running (see docs/ODOO_BACKEND_SRS_v3.md)

Setup

# Clone the repository
git clone https://git.albousalh.com/devops/encoach_frontend_new_v1.git
cd encoach_frontend_new_v1

# Install dependencies
npm install

# Configure environment
cp .env.example .env.development

# Start development server
npm run dev

The app runs on http://localhost:8080 by default.

Environment Variables

Variable Description Default
VITE_API_BASE_URL Odoo backend API base URL http://localhost:8069/api
VITE_APP_NAME Application display name EnCoach

Scripts

Command Description
npm run dev Start dev server with HMR
npm run build Production build
npm run build:dev Development build
npm run preview Preview production build
npm run lint Run ESLint
npm run test Run tests
npm run test:watch Run tests in watch mode

Documentation

All project documentation is in the docs/ folder:

Document Purpose
ENCOACH_UNIFIED_SRS.md Master Software Requirements Specification
ODOO_BACKEND_SRS_v3.md Backend developer handoff (Odoo modules + API contract)
ENCOACH_PRODUCT_DESCRIPTION.md Non-technical product overview
UTAS_MASTER_PLAN.md Project timeline and milestones
MATH_IT_ADAPTIVE_LEARNING_SRS.md Adaptive learning engine specification

Backend API

The frontend expects an Odoo 19 backend exposing REST endpoints under /api/. All service modules in src/services/ map directly to the API contract defined in docs/ODOO_BACKEND_SRS_v3.md.

Authentication uses JWT tokens stored in localStorage, with automatic 401 interception and redirect to login.

License

Proprietary — EnCoach Platform. All rights reserved.