HIEU8 - website bán hàng sử dụng MEVN stack

Getting Started

Sử dụng câu lệnh dưới để cài đặt source code về máy.

git clone https://github.com/hieuNV0871/HIEU8.git

Install package

Sử dụng trình quản lý gói (package manager) như npm || yarn || pnpm

cd <folder-name>

npm install

Run app

Thư mục "client" && "adminPanel"

npm run dev

thư mục "server"

npm start

Features

Giao diện khách hàng sử dụng Nuxt3, Nuxt UI, Tailwind CSS

• Authentication với JWT, đăng nhập bằng Google
• Active account qua email sử dụng Nodemailer
• Quản lý trạng thái giỏ hàng và người dùng sử dụng Pinia
• Validate form sử dụng Nuxt UI và Yup
• Đặt hàng và thanh toán với VNPAY Sandbox
• Sử dụng WebSocket (Socket.io) để gửi thông báo đặt hàng

Giao diện admin sử dụng vite + vue3 compositions api, ant-design vue, chartjs, tailwindcss

• Quản lý sản phẩm theo SKU
• Quản lý tài khoản, phân quyền
• Quản lý đơn hàng (khách đặt, admin lên đơn tại store)
• Thống kê

Environment settings

Tạo file .env trong thư mục "server" gồm:

Key	Value
PORT	Port number
MONGOOSE_URL	"Mongodb url"
ACTIVE_TOKEN	"your secret key"
ACCESS_TOKEN	"your secret key"
REFRESH_TOKEN	"your secret key"
CLIENT_URL	"your client domain (ex: http://localhost:3000)"
MAIL_SERVICE_CLIENT_ID	"your google mail service client id"
MAIL_SERVICE_CLIENT_SECRET	"your google mail service secret key"
MAIL_SERVICE_REFRESH_TOKEN	"your google mail service rf token"
SEND_EMAIL_ADDRESS	"Your mail to send to user's mail"
CLOUD_NAME	"cloudinary config (name)"
CLOUD_API_KEY	"cloudinary config (api key)"
CLOUD_API_SECRET	"cloudinary config (api secret)"