Website bán bánh ngọt – Sweet Bakery
- Tên môn: Internet và Công nghệ Web
- Mã môn học: IE104
- Lớp: IE104.Q12.CNVN
- Giảng viên: ThS. Võ Tấn Khoa
- Tên đề tài: Website bán bánh ngọt – Sweet Bakery
- Mô tả ngắn:
Một website giới thiệu sản phẩm bánh ngọt, bao gồm trang chủ, giới thiệu, và danh sách sản phẩm. - Công nghệ sử dụng:
- Frontend: HTML, CSS, JavaScript
- UI/UX Design: Figma
| STT | MSSV | Họ và tên | |
|---|---|---|---|
| 1 | 23520457 | Huỳnh Hải Hiền | 23520457@gm.uit.edu.vn |
| 2 | 23520691 | Lê Thái Khang | 23520691@gm.uit.edu.vn |
| 3 | 23520739 | Lã Đăng Khoa | 23520739@gm.uit.edu.vn |
- Banner giới thiệu
- Sản phẩm nổi bật (Hot Selling)
- Our Story – câu chuyện tiệm bánh
- Location – địa chỉ
- Quá trình phát triển
- Đội ngũ sáng lập – Who We Are
- Tầm nhìn thương hiệu
- Danh sách toàn bộ sản phẩm:
- 🍞 Bread
- 🥐 Pastry
- 🎂 Cake
- Responsive layout (hiển thị tốt trên mobile/tablet/laptop)
- Hiển thị danh sách sản phẩm trực quan
- Giao diện UI đẹp, thống nhất theo thiết kế Figma
- Code tách riêng: HTML – CSS – JS dễ quản lý
Thay link ảnh vào dấu
your-image-link-here
project-folder/
│── index.html
│── about.html
│── menu.html
│
├── assets/
│ ├── images/
│ ├── icons/
│ └── fonts/
│
├── css/
│ ├── style.css
│ └── responsive.css
│
└── js/
└── main.js
🚀 8. Hướng dẫn chạy dự án
1. Clone dự án
bash
Sao chép mã
git clone <your-repo-link>
2. Mở thư mục
bash
Sao chép mã
cd <project-folder-name>
3. Chạy website
✔ Cách 1: Mở trực tiếp file HTML
Mở index.html trong trình duyệt.
✔ Cách 2: Dùng Live Server (Khuyến nghị)
Mở VS Code
Cài extension Live Server
Nhấn chuột phải index.html → Open with Live Server
🎨 9. Thiết kế Figma
Nếu bạn có link Figma → dán vào đây
🔗 Figma Design: updating…
👥 10. Đóng góp & Liên hệ
Nếu có lỗi hoặc góp ý, vui lòng tạo issue trên GitHub.
Cảm ơn thầy và các bạn đã hỗ trợ nhóm trong quá trình thực hiện đồ án.
<p align="center"> <strong>✨ Cảm ơn thầy và mọi người đã xem báo cáo! ✨</strong> </p> ```