mffms-web

Website của hệ thống quản lý sân bóng đá mini (Mini Football Field Management System)

Giới thiệu

• MFFMS (Mini Football Field Management System) là hệ thống quản lý sân bóng đá mini trên nền tảng web. MFFMS hỗ trợ tin học hóa các chức năng nghiệp vụ cơ bản mà một sân bóng đá mini cần phải có.
• Repository này là phần front-end của hệ thống.

Demo

Các phân hệ chính

• Quản lý khách hàng
• Quản lý nhân viên
• Quản lý sân bóng
• Quản lý nhà cung cấp
• Quản lý đơn nhập hàng
• Quản lý tài sản thiết bị
• Quản lý phiếu đặt sân
• Quản lý dịch vụ
• Quản lý hóa đơn dịch vụ
• Quản lý người dùng
• Quản lý cài đặt

Chức năng

• Tra cứu và tìm kiếm thông tin
• Thêm, xóa, sửa, xem thông tin chi tiết
• Xem số liệu thống kê theo khoảng thời gian cố định và tùy chọn
• Xem biểu đồ thống kê theo khoảng thời gian cố định và tùy chọn
• Xuất dữ liệu (danh sách, chi tiết, số liệu thống kê, biểu đồ) ra định dạng *.xlsx và *.pdf

Chức năng dự kiến phát triển trong tương lai

• Nhập xuất dữ liệu từ file *.json, *.csv
• Cho phép kết nối với hệ thống tiếp nhận lịch đặt sân từ phía khách hàng

Ngôn ngữ lập trình và công nghệ

• Ngôn ngữ: HTML, CSS, JavaScript
• Framework: ReactJS

Môi trường phát triển

• NodeJS 10.15.3
• Microsoft Visual Code 1.41.1

Cài đặt

• Tải và cài đặt NodeJS.
• Trong command line, thực thi dòng lệnh sau:

> npm install -g yarn

• Clone repository mffms-web về máy thông qua dòng lệnh sau:

> git clone https://github.com/KutieKat/mffms-web

• Chạy command line trong thư mục vừa được clone về, thực thi dòng lệnh sau:

> yarn install

• Sau khi quá trình cài đặt hoàn tất, tiếp tục thực thi dòng lệnh sau:

> yarn start

• Sau khi quá trình biên dịch hoàn tất, truy cập vào địa chỉ http://localhost:3000.

Thư viện

• React
• React DOM
• React Router DOM
• Redux
• React Redux
• React Countup
• React Date Range
• React Time Picker
• React Select
• RC Slider
• React Notifications
• Axios
• React ChartJS 2
• Clone Deep
• Debounce
• ExcelJS
• Export from JSON
• File Saver
• Moment

Giấy phép

• MIT