- Giới thiệu
- Đây là 1 dự án giao diện trang thương mại điện tử: hiển thị và tìm kiếm thông tin chi tiết các sản phẩm bằng cách lấy dữ liệu có sẵn thể hiện trên trình duyệt. Hoàn thiện các chức năng cơ bản phải có của 1 trang thương mại: tìm và xem thông tin sản phẩm -> hiển thị sản phẩm liên quan -> mua hàng -> đặt hàng.
- Dự án sử dụng thư viện React, tailwind, các hàm Hook, các thư viện, package hỗ trợ xây dựng giao diện người dùng.
- deploy dự án trên 1 hosting miễn phí là firebase
- Mục đích:
- Hoàn thiện kĩ năng xử lý logic với ngôn ngữ Javascript
- Học cú pháp, cách sử dụng thư viện React, các hook
- Thiết kế, sáng tạo, sắp xếp bố cục hợp lý tương tác người dùng
- Linh hoạt giải quyết vấn đề với các loại, kiểu dữ liệu đã có
- Sử dụng bản nâng cấp của bootstrap là tailwind trong tạo giao diện
- Biết cách deploy 1 trang web trên hệ thống thật
- Yêu cầu và cài đặt
- Yêu cầu phiên bản: Node >= 14.7.0, npm >= 9.5.1
- Cài đặt Nodesjs:
- Cho ubuntu:
- sudo apt install nodejs
- Kiểm tra phiên bản: node -v
- cài npm package: sudo apt install npm
- Cho Window:
- https://nodejs.org/en/download
- mở cmd: npm install -g npm
- Kiểm tra phiên bản node và npm: node -v và npm -v
- Tải dự án:
- git clone: https://github.com/hiepntfx18379/e-commerceReact.git
- Hoặc dowload file zip
- Chạy dự án trong vscode:
- Trong terminal: npm install
- npm start