Công nghệ:
Node.js và Express.js: Dùng để xây dựng server và API.
Mongoose: Thư viện giúp tương tác với MongoDB, một cơ sở dữ liệu NoSQL.
Bcryptjs: Dùng để mã hóa mật khẩu.
JSON Web Token (JWT): Dùng để xác thực và ủy quyền người dùng.
Dotenv: Quản lý cấu hình qua biến môi trường.
Cors: Cho phép hoặc từ chối các yêu cầu từ các nguồn khác.
Body-parser: Phân tích cú pháp dữ liệu đầu vào từ client.
Chức năng:
Xác thực và ủy quyền người dùng.
Quản lý dữ liệu của các mô hình như Admin, Form, và Sale.
Cung cấp API để tương tác với frontend.
Frontend
Công nghệ:
React: Thư viện JavaScript để xây dựng giao diện người dùng.
React Router: Quản lý định tuyến trong ứng dụng React.
Axios: Thực hiện các yêu cầu HTTP từ browser.
Slick Carousel: Tạo carousel (slide) cho các phần như sản phẩm, dịch vụ.
Leaflet và React-Leaflet: Hiển thị và tương tác với bản đồ.
React Icons: Sử dụng biểu tượng trong ứng dụng.
Chức năng:
Hiển thị thông tin về sản phẩm, dịch vụ, và thông tin liên hệ.
Quản lý và hiển thị các trang như Trang Chủ, Trang Dịch Vụ, Trang Sản Phẩm, v.v.
Xác thực và ủy quyền người dùng qua các trang được bảo vệ.
Tích hợp các nút gọi và WhatsApp để tương tác trực tiếp với khách hàng.
Hiển thị thông tin chi tiết về sản phẩm và dịch vụ.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Để cài đặt dự án này, bạn cần thực hiện các bước sau cho cả phần frontend và backend.
Backend
Mở terminal và chuyển đến thư mục backend:
cd backend/
npm install
npm run dev
Frontend
Mở một terminal mới và chuyển đến thư mục frontend:
cd frontend/
npm install
npm start
Nguồn: Topcode.vn
