Order Management System - Copy this React, Tailwind Component to your project

This project based order management system with a clean and intuitive user interface. The main layout consists of a sidebar on the left, featuring two buttons: "New Order" and "Check Order", along with shift related information such as the start and end times of the shift and the employee's name. The center area of the application displays an order list in the form of a TableView, where users can view and select existing orders. Each order has details such as order number, order code, order time, total amount, and status. At the bottom (footer) of the interface, user related information is displayed, including the logged in user’s name, login time, and real time system clock, which updates every second. When the user clicks on the "New Order" button, a modal window appears, allowing them to input details for a new order, such as the order code, total amount, and status. Clicking the "Check Order" button brings up another modal that displays the details of the selected order from the list. This project components like TableView, VBox, HBox, and modals to manage and display interactive content, offering a functional order management system.