Dự án này là một trang web cho Khoa Công nghệ thông tin, được xây dựng với kiến trúc monorepo bao gồm một backend NestJS và một frontend React.
Dự án NTK có cấu trúc monorepo, được chia thành hai phần chính: backend và frontend.
NTK/
├── backend/ # Mã nguồn NestJS API
├── frontend/ # Mã nguồn React cho giao diện người dùng
├── .gitignore
├── LICENSE
├── package.json
└── README.md
Thư mục backend/ chứa mã nguồn cho server API, được xây dựng bằng NestJS. Nó chịu trách nhiệm xử lý các yêu cầu từ phía client, quản lý cơ sở dữ liệu và xác thực.
backend/
├── src/
│ ├── app.controller.ts
│ ├── app.module.ts
│ └── main.ts
├── dist/
├── node_modules/
├── package.json
├── nest-cli.json
└── tsconfig.json
Thư mục frontend/ chứa mã nguồn cho giao diện người dùng, được phát triển bằng React, sử dụng TailwindCSS để tạo kiểu và Vite để xây dựng.
frontend/
├── src/
│ ├── assets/
│ ├── components/
│ ├── pages/
│ └── App.tsx
├── public/
├── node_modules/
├── package.json
├── tailwind.config.js
├── vite.config.ts
└── index.html
- Framework: NestJS
- Ngôn ngữ: TypeScript
- Cơ sở dữ liệu: Prisma
- Thư viện: React
- Styling: TailwindCSS
- Build Tool: Vite
a. Di chuyển vào thư mục backend:
cd backendb. Cài đặt các dependency:
npm installc. Chạy development server:
# Chế độ theo dõi (watch mode)
npm run start:devBackend sẽ chạy tại http://localhost:3000.
a. Di chuyển vào thư mục frontend:
cd frontendb. Cài đặt các dependency:
npm ic. Chạy development server:
npm run devFrontend sẽ có sẵn tại http://localhost:5173 (hoặc một cổng khác nếu cổng 5173 đã được sử dụng).