Giao diện người dùng
⚡ React – Vì hầu hết các ứng dụng hiện nay đều được xây dựng bằng nó.
-
🎨 Ant Design – Mang đến cảm giác "bảng điều khiển doanh nghiệp" hiện đại và tinh tế.
-
⚡ Truy vấn TanStack – Giúp việc lấy dữ liệu trở nên dễ dàng hơn một chút.
-
🌍 Axios – Vì API REST cũng cần cà phê.
-
🎭 CSS – Những điểm nhấn ma thuật (hoặc hỗn loạn, tùy thuộc vào từng ngày) trong phong cách thiết kế.
Phần phụ trợ
🟢 Node.js – Về cơ bản là JavaScript nhưng được sử dụng ở phía máy chủ (thật kỳ diệu phải không?).
-
🚀 Express – Khung phát triển web giúp mọi thứ trở nên dễ dàng hơn thực tế.
-
🌳 MongoDB – Cơ sở dữ liệu NoSQL, vì bảng biểu đã lỗi thời rồi .
-
🗄️ API REST – Cách thức giao tiếp giữa giao diện người dùng và máy chủ khi chúng không tranh cãi.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
cd stockflow
Thiết lập phần phụ trợ (Backend)
Điều hướng đến thư mục máy chủ:
cd server
Cài đặt các phần mềm phụ thuộc:
npm install
Tạo một file .env và thêm chuỗi kết nối MongoDB của bạn vào đó (vì bảo mật rất quan trọng ):
MONGODB_URI=your-mongodb-connection-string
JWT_SECRET=your-jwt-secret
Khởi động máy chủ phụ trợ:
npm start
Thiết lập giao diện người dùng
Truy cập vào thư mục khách hàng:
cd client
Cài đặt các phần mềm phụ thuộc:
npm install
Tạo một tệp .env và thêm URL API máy chủ phụ trợ vào đó:
REACT_APP_API_URL=http://localhost:5000
Khởi động máy chủ phát triển giao diện người dùng:
npm start
Truy cập ứng dụng
Mở trình duyệt của bạn và truy cập vào http://localhost:3000 để trải nghiệm điều kỳ diệu.