The documentation provides a guide for setting up and using the front-end application for a simplified ERP system built using React. The project aims to create a user-friendly interface for managing key aspects of a business, including products and order management.
you can also watch this video https://drive.google.com/file/d/1HlMN2q_PI87hzCskl-dj1uQ8YNFEv8J7/view?usp=sharing
Before getting started, ensure the following prerequisites are met:
-
Node.js is installed on your machine.
-
Familiarity with React and React Router is recommended.
- Navigate to your repository on GitHub.
- Click on the "Code" dropdown button and select "Open with Codespaces". This will create a new Codespace for your repository.
Start the development server by running the following command in the project directory:
npm run start- Upon opening the application, you will be directed to the Dashboard page.
- The Dashboard displays key metrics or features, such as total number of products and orders.
- Links or buttons are provided for quick navigation to the Products and Orders management pages.
- Click on the "Products" link/button in the Dashboard to navigate to the Products Management page.
- The Products Management page presents a list of products with details including name, category, price, and stock quantity.
- You can add, edit, and delete products using the functionalities provided.
- Navigate to the Orders Management page by clicking on the "Orders" link/button in the Dashboard.
- The Orders Management page displays a list of orders with details such as order ID, customer name, order date, and status.
- View order details, update order status, and delete orders as required.
- If implemented, the Orders Calendar View provides a calendar interface displaying orders based on their expected delivery dates.
- Click on a date to view all orders due for delivery on that day.
