Cấu trúc trang web

Trang web này được xây dựng bằng ReactJS, NodeJS, ExpressJS và MongoDB. Bao gồm : backend, frontend và database. Dưới đây là mô tả chi tiết :

• frontend chứa các thư mục api, components, page, dataStatic và hooks. Nó sử dụng thư viện Styled Components để tổ chức và quản lý CSS của hệ thống. Ứng dụng chạy trên cổng localhost:3000.
• backend : Backend repository
• database chứa các bảng dữ liệu của ứng dụng bao gồm majors, universities, universityentranceexamscores và users. Database

Chức năng của trang web

Người dùng

Trang web này cung cấp các chức năng sau:

Hướng dẫn người dùng sử dụng website

Người dùng có thể click vào nút "Tìm hiểu ngay" để nhận được hướng dẫn sử dụng, chức năng của website.

Tính điểm

Người dùng có thể tính điểm bằng cách nhập điểm đầy đủ, sau đó hệ thống sẽ tính điểm và đưa ra gợi ý khối thi, ngành học phù hợp với điểm số.

Tìm hiểu về ngành học

Có đầy đủ thông tin chi tiết về tất cả các khối thi và ngành học. Người dùng có thể tìm hiểu về ngành học hoặc khối thi bằng cách highlight lên đoạn text, bấm vào biểu tượng dấu hỏi để nhận được câu trả lời.

Xem điểm chuẩn

Người dùng có thể xem thông tin về điểm chuẩn của khối thi, ngành và khu vực mình chọn.

Xem thông tin trường học

Từ kết quả của xem điểm chuẩn, người dùng có thể click vào tên trường để xem được ảnh, thông tin của trường. Ngoài ra, người dùng có thể xem gợi ý về các quán ăn, nhà trọ gần trường.

Xem thông tin tuyển sinh

Người dùng có thể xem thông tin về tuyển sinh mới nhất của các trường

Chatbot tư vấn ngành học thông minh

Kết hợp với API của ChatGPT, chatbot có thể hỗ trợ người dùng khi hỏi bất cứ câu hỏi nào về chọn ngành, trường học.

Quản trị viên

Truy cập vào đường dẫn http://localhost:3000/admin, ( ở trang login tài khoản admin đã được lưu sẳn ) quản trị viên sẽ có thể sử dụng các chức năng sau:

Thêm, sửa, xóa thông tin trường học

Quản trị viên có thể thêm, sửa, xóa thông tin về trường học, bao gồm các thông tin về tên trường, vị trí, vị trí, logo, hình ảnh và các thông tin khác

Thêm, sửa, xóa thông tin ngành học

Quản trị viên có thể thêm, sửa, xóa thông tin về ngành học.

Thêm, sửa, xóa thông tin điểm chuẩn

Quản trị viên có thể thêm, sửa, xóa thông tin về điểm chuẩn của trường và ngành học, bao gồm các thông tin về điểm chuẩn của các năm 2020, 2021, 2022.

Hướng dẫn cài đặt

Bước 1: Tạo thư mục

Tạo hai thư mục con có tên là frontend và backend bằng lệnh sau:

mkdir frontend backend

Bước 2: Clone repository

Clone repository frontend từ GitHub về thư mục frontend của dự án bằng lệnh sau:

git clone https://github.com/codenguvl/chatgpt-hackathon-tctteam-frontend

Clone repository backend từ GitHub về thư mục backend của dự án bằng lệnh sau:

git clone https://github.com/codenguvl/chatgpt-hackathon-teamtct-backend

Bước 3: Cài đặt các phụ thuộc

Mở Terminal hoặc Command Prompt và truy cập vào thư mục frontend. Sau đó, chạy lệnh sau để cài đặt các phụ thuộc:

npm install

Lặp lại quá trình này với thư mục backend.

Bước 4: Chạy ứng dụng

Sau khi cài đặt và cấu hình xong, bạn có thể chạy ứng dụng bằng lệnh sau:

npm start

Ứng dụng của bạn sẽ được chạy trên http://localhost:3000 (với frontend) và http://localhost:8800 (với backend).

Tài liệu tham khảo

• ReactJS documentation
• NodeJS documentation
• ExpressJS documentation
• MongoDB documentation
• Styled Components documentation