This frontend project is designed to interact with the backend APIs created for managing and analyzing product transactions. The frontend provides a user interface with a table and charts based on the fetched data from the backend.
To use the frontend application, follow the instructions below:
1.Ensure the backend API is deployed and accessible.
2.Clone the frontend repository to your local machine.
3.Install the necessary dependencies using the package manager of your choice (e.g., npm or yarn).
4.npm install or yarn install
-
Displays January to December months as options.
-
Defaults to March month.
-
Allows selecting a different month to display transactions.
1.Utilizes the transactions listing API to list transactions in a table.
2.Displays transactions of the selected month irrespective of the year using the API.
3.Search transaction box filters transactions based on title/description/price using the API.
4.Clears the search box to display the initial list of transactions for the selected month using the API.
5.Next and Previous buttons load the next and previous page data from the API.
1.Displays total sale amount, total sold items, and total not sold items for the selected month.
2.Fetches data from the created API to populate the statistics box.
1.Displays a bar chart showing the price range and the number of items in that range for the selected month.
2.Applies the selected month from the dropdown (above the table) to fetch data from the API. Enjoy using the product transaction management system!
The frontend application is deployed and can be accessed at