☀️ *~*~*~*~*~*~*~*~*~*~*~*~*~*~**~ ☀️
__ __ _
\ \ / / | |
\ \ /\ / /__| | ___ ___ _ __ ___ ___
\ \/ \/ / _ \ |/ __/ _ \| '_ ` _ \ / _ \
\ /\ / __/ | (_| (_) | | | | | | __/
\/ \/ \___|_|\___\___/|_| |_| |_|\___|
██████╗ ██████╗ ███╗ ███╗██╗██╗ ██╗ ███████╗██████╗ ███████╗███████╗
██╔═══██╗██╔═══██╗████╗ ████║██║ ██╗ ██╔╝ ██╔════╝██╔══██╗██╔════╝██╔════╝
██║ ██║██║ ██║██╔████╔██║██║ ██ ██╔╝ █████╗ ██████╔╝███████╗███████╗
██║ ██║██║ ██║██║╚██╔╝██║██║ ████╔╝ ██╔══╝ ██╔══██╗╚════██║██║
██████╔╝ ╚██████╔╝██║ ╚═╝ ██║██║ ██║ ███████╗██║ ██║███████║███████║
╚═════╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝ ╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
🌸 *~*~*~*~*~*~*~*~*~*~*~*~*~*~**~ 🌸
Đây là một dự án ứng dụng web thương mại điện tử full-stack, một nơi bạn có thể mua sắm những món đồ tuyệt vời!
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~
╔═══════════════════════════════╗
║ 🚀 TÍNH NĂNG NỔI BẬT 🚀 ║
╚═══════════════════════════════╝
🖼️ Hiển thị sản phẩm: Xem danh sách sản phẩm, phân loại theo danh mục. 🛒 Giỏ hàng (Shopping Cart): Thêm, xóa, cập nhật số lượng và tự động tính tổng tiền. 💳 Thanh toán (Checkout): Form nhập liệu thông minh với tính năng xác thực mạnh mẽ. 🗺️ API địa chỉ Việt Nam: Tự động điền Tỉnh/Thành, Quận/Huyện, Phường/Xã. 📱 Giao diện Responsive: Hiển thị đẹp mắt trên cả máy tính và điện thoại.
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~
╔══════════════════════════════╗
║ 🧰 CÔNG NGHỆ SỬ DỤNG 🧰 ║
╚══════════════════════════════╝
🎨 FRONTEND: Angular, TypeScript, Bootstrap, Angular Reactive Forms ⚙️ BACKEND: Spring Boot, Spring Data JPA, Java, Maven, REST API 🗄️ DATABASE: MySQL 🐙 SOURCE CONTROL: Git & GitHub
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~
╔══════════════════════════════════════════╗
║ ⚙️ HƯỚNG DẪN CÀI ĐẶT VÀ CHẠY DỰ ÁN ⚙️ ║
╚══════════════════════════════════════════╝
✨ YÊU CẦU TIÊN QUYẾT: - Java 11+, Maven, Node.js & npm, Angular CLI, MySQL
1️⃣ CLONE REPOSITORY git clone https://github.com/domiverse/ecommerce-app.git cd ecommerce-app
2️⃣ CÀI ĐẶT DATABASE 💾
- Mở MySQL Workbench.
- Tạo một schema mới (ví dụ: full_stack_ecommerce).
- Chạy các file script trong thư mục database.
3️⃣ CÀI ĐẶT BACKEND (SPRING BOOT) ☕
- Mở thư mục backend bằng IDE của bạn.
- Cập nhật file application.properties với thông tin database của bạn.
- Chạy ứng dụng Spring Boot. Server sẽ chạy tại http://localhost:8081.
4️⃣ CÀI ĐẶT FRONTEND (ANGULAR) frontend/angular-ecommerce.
- Chạy npm install để cài đặt thư viện.
- Chạy ng serve để khởi động.
- Mở trình duyệt và truy cập http://localhost:4200/.
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~
╔═════════════════════════════╗
║ 📁 CẤU TRÚC THƯ MỤC 📁 ║
╚═════════════════════════════╝
ecommerce-app/
│
├── 📁 backend/ # Mã nguồn Spring Boot Backend
│
├── 📁 database/ # Các file script .sql cho database
│
├── 📁 frontend/ # Mã nguồn Angular Frontend
│ └── angular-ecommerce/
│
└── 📄 .gitignore
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~
