Dự án là template website bán hoa được xây dựng bằng Next.js + React, sử dụng TailwindCSS và shadcn/ui để tạo giao diện hiện đại, tinh tế, phù hợp cho cửa hàng hoa online.
Các trang chính:
- Trang chủ: Banner, danh mục hoa nổi bật, khuyến mãi
- Sản phẩm: Danh sách hoa (có tìm kiếm, lọc, sắp xếp)
- Chi tiết sản phẩm: Xem hình ảnh, giá, mô tả chi tiết bó hoa
- Giỏ hàng: Thêm/xoá hoa, tính tổng tiền (mock state)
- Blog: Chia sẻ mẹo chăm sóc hoa, ý nghĩa các loài hoa
- About: Giới thiệu cửa hàng
- Contact: Form liên hệ
- Dashboard (Admin giả lập): CRUD sản phẩm hoa (thêm/sửa/xoá trên mock data)
- Auth (Login/Register giả lập): đăng nhập bằng localStorage
Công nghệ sử dụng:
- Next.js + React
- TailwindCSS + shadcn/ui
- React Query
- Mock data JSON
Điểm nổi bật:
- Thiết kế sang trọng, nhẹ nhàng, phù hợp website bán hoa
- Responsive đầy đủ cho mobile, tablet, desktop
- Có sẵn component tái sử dụng: Button, Card, Modal, Input
- Tích hợp Dashboard quản lý sản phẩm (mock)
- Đăng nhập/đăng ký giả lập (localStorage)
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
1. Tải file zip về và giải nén
2. Mở terminal, cd vào thư mục dự án
3. Cài đặt dependencies:
npm install
4. Chạy dự án dev:
npm run dev
5. Mở trình duyệt tại: http://localhost:3000
Nguồn: Topcode.vn
