Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tdevuit/ie106.p12.cnvn-nhom_xii
The blog and e-commerce projects.
https://github.com/tdevuit/ie106.p12.cnvn-nhom_xii
blog nodejs react
Last synced: about 8 hours ago
JSON representation
The blog and e-commerce projects.
- Host: GitHub
- URL: https://github.com/tdevuit/ie106.p12.cnvn-nhom_xii
- Owner: TDevUIT
- Created: 2024-09-11T03:19:43.000Z (4 months ago)
- Default Branch: develop
- Last Pushed: 2024-09-11T03:56:44.000Z (4 months ago)
- Last Synced: 2024-11-15T20:26:16.595Z (2 months ago)
- Topics: blog, nodejs, react
- Language: JavaScript
- Homepage:
- Size: 4.1 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://nodejs.org/).
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.
```bash
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.
```bash
cd server
npm install
npm run dev
```
```bash
cd client
npm install
npm run build
npm start
```
## Hình ảnh sản phẩm
