Remix

Make your own version of Sales Management Suite

Get an exact, working copy in your account, then change anything with chat.

Original by Văn Vương Nguyễn

Start free with 40 credits. No card needed.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.

Yêu cầu tạo một ứng dụng web toàn diện để quản lý kinh doanh và bán hàng.

Bối cảnh: Chúng tôi cần bạn đóng vai trò là một kỹ sư phần mềm chuyên nghiệp để phát triển một ứng dụng web mới. Ứng dụng này là một bản sao và nâng cấp của một hệ thống quản lý bán hàng hiện có, được xây dựng trên nền tảng Next.js và Firebase. Mục tiêu là tái tạo lại toàn bộ các chức năng, trang và cấu trúc dữ liệu, đồng thời đảm bảo việc chuyển đổi dữ liệu từ cửa hàng bán hàng hiện tại sang hệ thống mới một cách liền mạch.

Công nghệ sử dụng:

Frontend: Next.js (sử dụng App Router), React, TypeScript
Styling: Tailwind CSS và thư viện component shadcn/ui
Backend & Database: Firebase (cụ thể là Authentication, Firestore, Storage, và Cloud Functions)
Deployment: Firebase Hosting
Các chức năng và trang chính cần tái tạo:

Bảng điều khiển quản trị (Admin Dashboard):

Hiển thị tổng quan hoạt động kinh doanh (doanh thu, đơn hàng, khách hàng mới).
Các biểu đồ phân tích (tăng trưởng người dùng, doanh thu theo thời gian, sản phẩm bán chạy).
Quản lý toàn bộ người dùng, cửa hàng, và các cài đặt chung của hệ thống.
Hệ thống Bán hàng tại quầy (POS):

Giao diện bán hàng trực quan, cho phép chọn sản phẩm nhanh hoặc tìm kiếm.
Quản lý giỏ hàng, thêm/xóa sản phẩm, áp dụng giảm giá.
Tích hợp nhiều phương thức thanh toán và xác nhận thanh toán.
Chức năng in hóa đơn sau khi thanh toán thành công.
Cho phép tìm kiếm và thêm thông tin khách hàng mới ngay tại giao diện bán hàng.
Trang bán hàng trực tuyến (E-commerce Storefront):

Mỗi cửa hàng có một trang bán hàng công khai với đường dẫn riêng (ví dụ: domain.com/s/[storeId]).
Hiển thị danh sách sản phẩm, bài viết của cửa hàng.
Chức năng tìm kiếm sản phẩm.
Cung cấp giỏ hàng và quy trình thanh toán (checkout) hoàn chỉnh cho khách mua hàng online.
Hệ thống đăng nhập/đăng ký cho khách hàng của cửa hàng.
Quản lý Kho hàng (Inventory Management):

Chức năng thêm, sửa, xóa sản phẩm và danh mục sản phẩm.
Theo dõi số lượng tồn kho theo thời gian thực.
Hỗ trợ sản phẩm có nhiều thuộc tính (ví dụ: màu sắc, kích thước).
Cho phép nhập/xuất dữ liệu sản phẩm qua file CSV.
Quản lý Khách hàng (Customer Management):

Lưu trữ thông tin khách hàng (tên, SĐT, địa chỉ).
Xem lịch sử mua hàng và thông tin giao dịch của từng khách.
Quản lý Giao dịch (Transaction Management):

Liệt kê toàn bộ hóa đơn, giao dịch đã thực hiện.
Cho phép xem và in lại chi tiết từng hóa đơn.
Hệ thống Nhắn tin (Messaging/Chat):

Cho phép chat trực tiếp giữa người dùng với nhau hoặc giữa khách hàng và cửa hàng.
Giao diện chat phải là thời gian thực, có thông báo tin nhắn mới.
Quản lý khác:

Nhà cung cấp (Suppliers): Quản lý thông tin nhà cung cấp.
Chi phí (Expenses): Ghi nhận và quản lý các khoản chi phí hoạt động.
Bài viết (Posts): Tạo và quản lý các bài viết, tin tức cho cửa hàng.
YÊU CẦU QUAN TRỌNG: Cấu trúc và Chuyển đổi Dữ liệu

Thiết kế CSDL Firestore: Vui lòng thiết kế chi tiết cấu trúc các collections và documents trên Firestore để có thể lưu trữ toàn bộ dữ liệu cho các chức năng đã nêu. Ví dụ: stores, users, products, categories, customers, invoices, conversations, messages, v.v. Hãy trình bày cấu trúc này một cách rõ ràng.
Kế hoạch Chuyển đổi Dữ liệu: Đây là phần quan trọng nhất. Hãy đề xuất một kế hoạch chi tiết để "di dời" dữ liệu từ cửa hàng bán hàng hiện tại sang ứng dụng mới. Kế hoạch này phải bao gồm:
Các bước để xuất (export) dữ liệu từ CSDL Firebase cũ (ví dụ: viết script bằng Cloud Functions, hoặc dùng công cụ có sẵn của Firebase). Các collection dữ liệu quan trọng cần export là: sản phẩm, danh mục, khách hàng, và lịch sử đơn hàng.
Các bước để xử lý và chuẩn hóa dữ liệu (nếu cần) để đảm bảo tương thích với cấu trúc CSDL của ứng dụng mới.
Các bước để nhập (import) dữ liệu đã xử lý vào CSDL Firestore của ứng dụng mới một cách an toàn và chính xác.
Yêu cầu về Giao diện người dùng (UI/UX):

Tái tạo lại giao diện người dùng sao cho thân thiện, trực quan và dễ sử dụng.
Sử dụng thư viện shadcn/ui để xây dựng các thành phần giao diện như nút, bảng, form, dialog, v.v.
Đảm bảo thiết kế responsive, hoạt động mượt mà trên cả máy tính và thiết bị di động.
Kết quả mong đợi: Vui lòng cung cấp cho tôi:

Một bản phác thảo chi tiết về kiến trúc tổng thể của ứng dụng.
Thiết kế chi tiết cho cấu trúc CSDL Firestore.
Một kế hoạch cụ thể, từng bước một, cho việc chuyển đổi dữ liệu.
Hãy bắt đầu bằng việc cung cấp mã nguồn cho các phần cốt lõi nhất, ví dụ: layout chính, trang đăng nhập/đăng ký, và giao diện bảng điều khiển (dashboard) cơ bản.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.