Dudu Store là nền tảng thương mại điện tử hiện đại chuyên về squishy và đồ chơi mềm mại cao cấp. Dự án được xây dựng với React và Framer Motion, mang đến trải nghiệm mua sắm mượt mà và thú vị.
- Thiết kế hiện đại: Giao diện người dùng đẹp mắt, tối giản và thân thiện
- Hoàn toàn responsive: Hiển thị hoàn hảo trên mọi thiết bị từ desktop đến mobile
- Hiệu ứng mượt mà: Animations và transitions mượt mà với Framer Motion
- Tối ưu SEO: Cấu trúc trang web thân thiện với SEO
- Tương thích đa trình duyệt: Hoạt động trên tất cả các trình duyệt hiện đại
- React: Thư viện JavaScript để xây dựng giao diện người dùng
- Framer Motion: Thư viện animation cho React
- CSS3: Styling với CSS hiện đại (Flexbox, Grid, Variables)
- Responsive Design: Mobile-first approach
- GitHub Pages: Triển khai và hosting
- Trang chủ: Giới thiệu sản phẩm nổi bật và bộ sưu tập
- Danh sách sản phẩm: Hiển thị tất cả sản phẩm với bộ lọc và sắp xếp
- Chi tiết sản phẩm: Thông tin chi tiết sản phẩm, hình ảnh, đánh giá
- Bộ sưu tập: Các bộ sưu tập squishy đặc biệt
- Giới thiệu: Thông tin về Dudu Store
- Liên hệ: Form liên hệ và thông tin cửa hàng
- Tone màu sáng: Gam màu chủ đạo hồng pastel và trắng
- Typography: Hệ thống font chữ rõ ràng, dễ đọc
- Micro-interactions: Hiệu ứng hover, click mượt mà
- Consistent Design System: Hệ thống thiết kế nhất quán xuyên suốt
- Mobile First: Thiết kế tối ưu cho mobile trước
- Breakpoints: Tương thích với mọi kích thước màn hình
- Touch Friendly: Tối ưu cho thiết bị cảm ứng
- Flexible Layouts: Sử dụng CSS Grid và Flexbox
- Clone repository:
git clone https://github.com/thepKz/vuvu-store.git
cd dudu-store- Cài đặt dependencies:
npm install- Chạy ứng dụng ở môi trường development:
npm start- Build cho production:
npm run build- Hệ thống sẽ tự động CICD đẩy lên github page
- ✅ Thiết kế UI/UX hiện đại
- ✅ Responsive trên mọi thiết bị
- ✅ Animations mượt mà với Framer Motion
- ✅ Trang chủ với hero section ấn tượng
- ✅ Danh sách sản phẩm với bộ lọc
- ✅ Trang chi tiết sản phẩm với zoom ảnh
- ✅ Trang bộ sưu tập
- ✅ Trang giới thiệu
- ✅ Trang liên hệ với form
- ✅ Footer hiện đại với newsletter
- 🔄 Giỏ hàng và thanh toán
- 🔄 Hệ thống đánh giá sản phẩm
- 🔄 Tài khoản người dùng
- 🔄 Tìm kiếm nâng cao
- 🔄 Đề xuất sản phẩm thông minh
- Lazy Loading: Tải components theo nhu cầu
- Image Optimization: Tối ưu hóa hình ảnh
- Code Splitting: Chia nhỏ bundle
- Memoization: Tránh re-renders không cần thiết
- Input Validation: Kiểm tra đầu vào
- XSS Protection: Bảo vệ chống tấn công XSS
- HTTPS: Bảo mật giao tiếp
Dự án được triển khai trên GitHub Pages tại: https://thepkz.github.io/vuvu-store/
MIT License
© 2026 Dudu Store. All rights reserved ✨