Viblo_Earth817

Kiến trúc hệ thống

Client

React.js

Ứng dụng phía client được xây dựng bằng React.js và được chia tách thành các component nhỏ để dễ dàng quản lý và bảo trì. Các component này được build lại tại component cha để tạo thành giao diện hoàn chỉnh.

Server

Node.js

Ứng dụng phía server được xây dựng bằng Node.js theo mô hình MVC (Model-View-Controller).

• Routes: Điều hướng và khởi tạo các API.
• Controllers: Sử dụng các hàm từ service để xử lý logic và đảm bảo đầu ra cho các API.
• Services: Kết nối với database và tạo các hàm xử lý dữ liệu.
• Models: Quản lý các model và kiến trúc dữ liệu.

Database

MongoDB

Cơ sở dữ liệu được sử dụng là MongoDB ,hệ quản trị cơ sở dữ liệu NoSQL , cho phép lưu trữ dữ liệu dưới dạng document linh hoạt và mở rộng.

Các chức năng chính của trang web

• Đăng kí / Đăng nhập: Người dùng có thể đăng ký tài khoản mới và đăng nhập vào hệ thống.
• https://github.com/LeeinUITk17/VibloEarth817/assets/119780047/d9958601-9fbc-434a-92fa-3754c82af0c6
• Tạo bài viết: Người dùng có thể tạo và chia sẻ bài viết mới.
• https://github.com/LeeinUITk17/VibloEarth817/assets/119780047/3b09b1ca-c060-4b12-aea1-f9da42c3b888
• Comment: Người dùng có thể bình luận trên các bài viết.
• Vote Up / Vote Down bài viết: Người dùng có thể bình chọn (upvote) hoặc phản đối (downvote) các bài viết.
• https://github.com/LeeinUITk17/VibloEarth817/assets/119780047/d9995cec-c4e0-45c9-906a-a3f8421f5af8
• Contact: Trang liên hệ để người dùng gửi phản hồi hoặc liên hệ với quản trị viên.
• https://github.com/LeeinUITk17/VibloEarth817/assets/119780047/93b410b9-d904-4afa-b1f6-2e04599569df
• Quản lí tài khoản: Người dùng có thể thêm, sửa, xóa thông tin tài khoản của mình.
• https://github.com/LeeinUITk17/VibloEarth817/assets/119780047/46e5da30-257a-4b7f-b1a5-7fd513de8f3a
• Follow người dùng khác: Người dùng có thể theo dõi các tài khoản khác.
• https://github.com/LeeinUITk17/VibloEarth817/assets/119780047/b8dd0f67-7c5a-44ed-b8fa-52e885e988ae

Cách setup môi trường

1. Cài đặt Node.js và npm: Đảm bảo bạn đã cài đặt Node.js và npm trên máy tính của mình. Bạn có thể tải và cài đặt chúng từ trang web chính thức của Node.js.

2. Clone dự án từ GitHub: Sử dụng lệnh git clone để clone dự án từ GitHub về máy tính của bạn.

   git clone https://github.com/LeeinUITk17/VibloEarth817.git

3. Cài đặt các gói phụ thuộc: Chuyển đến thư mục dự án và cài đặt các gói phụ thuộc bằng npm.

   cd server
   npm install
   npm run dev

   cd client
   npm install
   npm run build
   npm start

   Hình ảnh sản phẩm