Tu-t

KO | EN

gitlite — search

#javascript #python #hacktoberfest #ai #go #android #machine-learning #linux #nodejs #java #windows #cli #awesome-list #security

(★ 22)

No description available.

Tu-t Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# ☕ Hệ Thống Quản Lý Quán Nước

Website quản lý quán nước được xây dựng bằng HTML, CSS và JavaScript.

## 🌐 Demo

🚀 [XEM DEMO HỆ THỐNG QUẢN LÝ QUÁN NƯỚC](https://9huk.github.io/Tu-t/) 🚀
## 📖 Giới Thiệu

Hệ Thống Quản Lý Quán Nước là một website hỗ trợ quản lý toàn bộ hoạt động của quán nước, bao gồm quản lý sản phẩm, khách hàng, nhân viên, đơn hàng, doanh thu và danh mục.

Dự án được xây dựng hoàn toàn bằng **HTML, CSS và JavaScript**, sử dụng **LocalStorage** để lưu trữ dữ liệu trên trình duyệt mà không cần sử dụng cơ sở dữ liệu hoặc Backend.

Mục tiêu của dự án là giúp người quản lý dễ dàng theo dõi hoạt động kinh doanh, tiết kiệm thời gian và nâng cao hiệu quả quản lý.

Đây là đồ án môn học được thực hiện bởi **Nhóm 2**.

---

# 🎯 Mục Tiêu Dự Án

- Xây dựng website quản lý quán nước trực quan.
- Quản lý thông tin sản phẩm.
- Quản lý đơn hàng.
- Quản lý khách hàng.
- Quản lý nhân viên.
- Thống kê doanh thu.
- Rèn luyện kỹ năng làm việc nhóm với Git và GitHub.

---

# ✨ Chức Năng Chính

## 🔐 Đăng nhập

- Đăng nhập Admin
- Đăng xuất
- Kiểm tra tài khoản
- Kiểm tra mật khẩu
- Lưu phiên đăng nhập

---

## 📊 Dashboard

Hiển thị:

- Tổng số đơn hàng
- Tổng doanh thu
- Tổng sản phẩm
- Tổng khách hàng
- Thống kê nhanh
- Biểu đồ doanh thu

---

## 🍹 Quản Lý Sản Phẩm

- Thêm sản phẩm
- Sửa sản phẩm
- Xóa sản phẩm
- Tìm kiếm sản phẩm
- Hiển thị danh sách sản phẩm
- Quản lý hình ảnh

---

## 📦 Quản Lý Đơn Hàng

- Xem danh sách đơn hàng
- Cập nhật trạng thái
- Tìm kiếm đơn hàng
- Lọc đơn hàng
- Chi tiết đơn hàng

---

## 👥 Quản Lý Khách Hàng

- Thêm khách hàng
- Cập nhật thông tin
- Xóa khách hàng
- Tìm kiếm khách hàng

---

## 👨‍💼 Quản Lý Nhân Viên

- Thêm nhân viên
- Cập nhật nhân viên
- Xóa nhân viên
- Quản lý thông tin

---

## 📂 Quản Lý Danh Mục

- Thêm danh mục
- Sửa danh mục
- Xóa danh mục
- Hiển thị danh mục

---

## 📈 Báo Cáo Doanh Thu

- Doanh thu theo ngày
- Doanh thu theo tháng
- Tổng doanh thu
- Thống kê sản phẩm bán chạy

---

# 🖥️ Giao Diện

Website gồm các trang:

- Trang đăng nhập
- Dashboard
- Quản lý sản phẩm
- Quản lý đơn hàng
- Quản lý khách hàng
- Quản lý nhân viên
- Quản lý danh mục
- Báo cáo doanh thu

---

# 📂 Cấu Trúc Thư Mục

```
Tu-t/
│
├── index.html
├── README.md
│
├── css/
│   ├── common.css
│   ├── login.css
│   ├── sanpham.css
│   ├── donhang.css
│   ├── tongquan.css
│   └── ...
│
├── html/
│   ├── tongquan.html
│   ├── sanpham.html
│   ├── donhang.html
│   ├── khachhang.html
│   ├── nhanvien.html
│   ├── doanhthu.html
│   ├── danhmuc.html
│   ├── dangnhap.html
│   └── ...
│
├── img/
│
└── js/
    ├── login.js
    ├── tongquan.js
    ├── sanpham.js
    ├── donhang.js
    └── ...
```

---

# 🚀 Hướng Dẫn Chạy

## Cách 1: GitHub Pages

Mở đường dẫn:

```
https://9huk.github.io/Tu-t/
```

---

## Cách 2: Live Server

1. Mở dự án bằng Visual Studio Code.

2. Cài đặt tiện ích Live Server.

3. Chuột phải vào **index.html**

4. Chọn **Open with Live Server**

---

# 👥 Thành Viên Nhóm

| Thành viên | Vai trò |
|------------|----------|
| Trần Văn Tú     | Thành viên |
| Trần Ngọc Phong | Thành viên |
| Bùi Trung Giáp  | Trưởng nhóm|

---

# 🧪 Tài Khoản Demo

## Admin

```
Tài khoản: admin

Mật khẩu: admin123
```

---

# 🛠️ Công Nghệ Sử Dụng

- HTML5
- CSS3
- JavaScript ES6
- LocalStorage
- Git
- GitHub
- GitHub Pages
- Visual Studio Code

---

# 🎯 Ưu Điểm

- Giao diện trực quan
- Dễ sử dụng
- Quản lý nhanh
- Không cần cài đặt Database
- Không cần Backend
- Chạy trên mọi trình duyệt hiện đại
- Dễ mở rộng chức năng

---

# 📌 Định Hướng Phát Triển

Trong tương lai hệ thống sẽ được nâng cấp:

- Kết nối MySQL
- Xây dựng Backend bằng PHP hoặc Node.js
- Phân quyền người dùng
- Xuất hóa đơn PDF
- Thống kê bằng biểu đồ nâng cao
- Tích hợp API thanh toán
- Responsive trên điện thoại

---

# 📄 Giấy Phép

Dự án được phát triển phục vụ mục đích học tập và nghiên cứu.

Tu-t

Tu-t Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Tu-t

Tu-t Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README