ESchool-Book

Mô tả: E-SchoolBook là nền tảng sổ đầu bài trực tuyến, đưa sổ đầu bài (SDB) từ phiên bản giấy lên môi trường trực tuyến. Hệ thống này nhằm hỗ trợ quản lý điểm danh và ghi chú SDB cho một trường Trung Học Phổ Thông (THPT). Nó mang lại sự tiện lợi và minh bạch trong việc quản lý sổ đầu bài, tạo điều kiện thuận lợi cho giáo viên và học sinh trong quá trình học tập và quản lý lớp học. E-SchoolBook có những chức năng chính như:

1. Quản Lý Điểm Danh và Ghi Chú: Hỗ trợ giáo viên chủ nhiệm, giáo viên bộ môn, và hiệu trưởng (admin) trong quá trình điểm danh và ghi chú trên SDB của từng lớp, khối.
2. Báo Cáo và Thống Kê: Cung cấp báo cáo chi tiết về điểm danh và ghi chú theo từng lớp, khối theo các chu kỳ thời gian (ngày, tuần, tháng, kì).
3. Thời Khóa Biểu (TKB) Trực Tuyến: Cho phép giáo viên bộ môn xem và quản lý thời khóa biểu dạy của họ một cách thuận tiện và hiệu quả.
4. Xem Ghi Chú Theo SBD: Cung cấp khả năng xem ghi chú của một học sinh theo số báo danh (SBD), giúp giáo viên chủ nhiệm, phụ huynh và học sinh theo dõi thông tin cá nhân.
5. Quản lý thông tin học sinh: Quản lý thông tin học sinh bao gồm thêm (thêm bằng excel), sửa, xóa và cập nhật thông tin.
6. Quản lý điểm học sinh: Bao gồm quản lý điểm, báo cáo điểm theo kỳ, xếp hạng học sinh.
7. Ứng dụng mobile: Ứng dụng cho phép phụ huynh hoặc học sinh, giáo viên có thể xem các thông tin như lịch học, điểm, thông báo.

About Teams

1. CE160343 Huỳnh Hữu Nghĩa (C) (BE)
2. CE160367 Trần Đăng Khoa (C) (FE)
3. CE160438 Lê Trung Uôl
4. CE161025 Trần Thị Ngọc Hiếu
5. CE161096 Nguyễn Ngọc Mỹ Quyên

Quick Start

1. npm i or npm install
2. npm start #Note: Before you must be installed nodeJS environment (test node -v)

Reference documatation

1. ERD: https://dbdiagram.io/d/DB_SEP-66251c7303593b6b618caa75
2. Figma: https://www.figma.com/file/csiYhbij7jWODvV8IWxWFI/SEP490_10?type=design&node-id=246-3663&mode=design&t=S4Fmd6bgaj7vE3TA-0
3. Diagram: https://drive.google.com/file/d/1xg5FZZiD9Ya5-OUQly8oZQbEiKvcDOGE/view?usp=sharing

Reference tools

1. UI component documents:
   • https://mui.com/material-ui/getting-started/templates/
   • https://www.creative-tim.com/learning-lab/react/quick-start/material-dashboard/
2. Styles: https://tailwindcss.com/docs/guides/create-react-app
3. Call API(axios): https://tanstack.com/query/v4
4. API hadling: https://www.npmjs.com/package/react-query
5. Form handling: https://react-hook-form.com/get-started
6. Routing: https://reactrouter.com/en/main