Link demo: https://drive.google.com/file/d/1NtW_t6dRzTjnZfPSQZBJJ9ITVdYNTJf6/view?usp=sharing
CÔNG NGHỆ SỬ DỤNG (TECH STACK)
-
Backend:
-
Core: Java 21, Spring Boot 3.1.5 .
-
Security: Spring Security, JWT (Json Web Token) - Bảo mật 2 lớp.
-
Database: MySQL 8.x (Lưu trữ chính), Spring Data JPA.
-
Caching: Redis & Jedis (Tối ưu hiệu suất, cache sessions/products).
-
Utilities: Lombok, Maven, Validation API.
-
Architecture: RESTful API chuẩn mực.
-
Frontend:
-
Framework: ReactJS 18 + Vite .
-
Styling: TailwindCSS .
-
State Management: Redux Toolkit .
-
Maps: Leaflet / React-Leaflet (Bản đồ vị trí).
-
Icons: Lucide React.
-
Call API: Axios (đã cấu hình Interceptors).
TÍNH NĂNG NỔI BẬT
-
Người dùng (End-User):
-
Đăng ký/Đăng nhập (Bảo mật JWT).
-
Tìm kiếm, lọc nhà hàng/món ăn theo danh mục.
-
Trang chi tiết món ăn, thêm vào giỏ hàng (Real-time update UI).
-
Đặt hàng (Checkout), chọn địa chỉ trên bản đồ.
-
Theo dõi lịch sử đơn hàng.
-
Quản trị (Admin/Restaurant):
-
Dashboard thống kê.
-
Quản lý danh mục (CRUD).
-
Quản lý món ăn (CRUD).
-
Quản lý đơn hàng (Duyệt/Hủy/Giao hàng).
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
CÀI ĐẶT FRONTEND (ReactJS)
-
Mở terminal tại thư mục
frontend
.
-
Cài đặt thư viện:
npm install
(hoặc
npm ci
).
-
Chạy dự án:
npm run dev
.
-
Truy cập:
http://localhost:3000
BACKEND
mvn spring-boot:run