Công nghệ:
Next.js: Phiên bản 13.4.1 được sử dụng để tạo ra trang web SSR (Server-Side Rendering) cho hiệu suất tốt hơn và SEO tốt hơn. (next.config.js)
React.js: Phiên bản 18.2.0, một thư viện JavaScript để xây dựng giao diện người dùng. (package.json)
Recoil: Phiên bản 0.7.7, một thư viện quản lý trạng thái cho React, giúp xây dựng một kiến trúc ứng dụng mạnh mẽ và dễ bảo trì. (package.json)
Material UI: Phiên bản 5.14.3, một thư viện UI cho React, cung cấp các thành phần giao diện người dùng được thiết kế sẵn và dễ dàng tùy chỉnh. (package.json)
Styled Components: Phiên bản 5.3.11, một thư viện giúp viết CSS trong JavaScript, giúp tạo ra các thành phần có style độc lập. (package.json)
React Icons: Phiên bản 4.8.0, cung cấp các biểu tượng dễ sử dụng trong các ứng dụng React. (package.json)
Chức năng:
Quản lý giỏ hàng: Người dùng có thể thêm và xóa game từ giỏ hàng sử dụng Recoil để quản lý trạng thái giỏ hàng. (src/pages/index.js)
Tìm kiếm game: Có chức năng tìm kiếm game dựa trên tên, giúp người dùng dễ dàng tìm thấy game mình muốn mua. (src/pages/index.js)
Hiển thị game: Game được hiển thị dưới dạng thẻ, với thông tin như tên, giá, và phần trăm giảm giá. (src/pages/index.js)
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Để cài đặt dự án, bạn cần thực hiện các bước sau:
Cài đặt Node.js: Đảm bảo bạn đã cài đặt Node.js. Bạn có thể tải về và cài đặt từ trang chính thức của Node.js.
Mở Terminal hoặc Command Prompt: Mở Terminal (trên macOS hoặc Linux) hoặc Command Prompt/Powershell (trên Windows).
cd devsteam
npm install
npm run dev
Truy cập dự án: Mở trình duyệt web và truy cập địa chỉ http://localhost:3000 để xem dự án.