sapp-dashboard-student

• Package student-dashboard dùng để hiển thị dashboard tiến độ học tập của học viên ở OPS và LMS

Cấu trúc thư mục chính

• src/ mã nguồn chính.
  • components/ các khối UI (course-dashboard, exam-dashboard, base components).
  • types/ khai báo type/enum dùng chung.
  • styles/index.scss file css chính gồm inport tailwind, viết scss nếu cần.
• dist/ output sau build (cjs/esm/css/dts).
• scripts/ tiện ích (vd: inject CSS nếu cần).
• tsup.config.ts cấu hình bundler.
• tailwind.config.js cấu hình Tailwind.
• package.json scripts build, start (watch), exports.

Cách chạy

pnpm install
pnpm start

Link local (dùng trong project khác)

pnpm link

pnpm link --global   #chạy lệnh này trong package
pnpm link --global sapp-dashboard-student   # trong project dùng

Sau khi link/pack, import trong app:

import SappLearningProgressDashboard from 'sapp-dashboard-student'

Scripts chính

• pnpm build: build css + bundle (cjs/esm/dts).
• pnpm start: build css + tsup --watch.