Công nghệ:
React: Một thư viện JavaScript để xây dựng giao diện người dùng. Dự án sử dụng React cho cả front-end (App.jsx).
Firebase: Một nền tảng phát triển ứng dụng di động và web do Google phát triển. Dự án sử dụng Firebase để lưu trữ dữ liệu và xử lý backend (firebase.js).
Swiper: Một thư viện JavaScript hiện đại để tạo các slider đẹp mắt. Được sử dụng trong Banner.jsx để hiển thị các banner quảng cáo.
Material UI: Một thư viện React UI để xây dựng giao diện người dùng nhanh chóng và dễ dàng. Dự án sử dụng @mui/material và @mui/icons-material cho các thành phần giao diện.
Vite: Một công cụ build front-end hiện đại, cung cấp một trải nghiệm phát triển nhanh chóng (vite.config.js).
Chức năng:
Hiển thị sản phẩm: Dự án có các thành phần như ItemListContainer và ItemDetailContainer để hiển thị danh sách sản phẩm và chi tiết sản phẩm.
Giỏ hàng: Thành phần Cart và CartWidget cho phép người dùng thêm sản phẩm vào giỏ hàng và xem giỏ hàng của họ.
Liên hệ: Có một thành phần Contacto để người dùng có thể liên hệ với cửa hàng.
Xử lý đơn hàng: Các hàm như createOrder và getOrder trong firebase.js cho phép tạo và lấy thông tin đơn hàng.
Tùy chỉnh giao diện: Sử dụng reset.css và các file CSS khác để tùy chỉnh giao diện, cũng như @font-face để tùy chỉnh font chữ (reset.css).
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
cd JulioFood
npm install
npm run dev
Thông tin chi tiết về cách cài đặt và sử dụng dự án có thể được tìm thấy trong tệp README.md.