This repository contains the front end code for a web application. The application allows users to manage products and orders and also order calendar views to see the expected delivery date of the order. It is built using React.
-
Clone the Repository: Clone this repository to your local machine using the following command:
git clone <repository-url>
-
Navigate to the Project Directory: Change your current directory to the project directory:
cd ERP-system -
Install Dependencies: Install the required dependencies using npm or yarn:
npm install
or
yarn install
-
Run the Application: Start the development server:
npm start
or
yarn start
-
Access the Application: Once the server is running, you can access the application by opening your web browser and navigating to http://localhost:3000.
The Dashboard page provides an overview of product and order information.
On the Products page, you can view, add, edit, and delete products.
On the Products page, you can see a list of products with details such as name, category, price, and stock quantity.
To edit a product, click on the "Edit" button next to the product you want to edit. Update the information and click "Save".
To add a new product, click on the "Add Product" button, fill in the required fields, and click "Save".
On the Orders page, you can view order details, update order status, and delete orders.
On the Orders page, you can view details of each order by clicking on the "View Details" button.
You can update the status of an order to "Shipped" by clicking the "Ship" button.
You can view and display the order with expected delivery date by clicking a particular date on a calender
Use the navigation bar at the top of the page to switch between different sections of the application: Dashboard, Products, and Orders.