This project is a Transactions Management System that allows users to view, search, and analyze transaction data. The system provides various features such as viewing transactions, generating statistics, and visualizing data through bar and pie charts.
- Introduction
- Features
- Technologies Used
- Getting Started
- Backend API Endpoints
- Frontend Components
- Screenshots
- Contributing
- License
The Transactions Management System is designed to facilitate the handling and analysis of transaction data. Users can interact with both backend API endpoints and a frontend application to view, search, and visualize transaction information.
- View a paginated list of transactions.
- Search transactions based on keywords.
- Generate statistics for a selected month, including total sale amount, total sold items, and total not sold items.
- Display a bar chart showing the distribution of transaction amounts within specified price ranges.
- Show a pie chart illustrating the distribution of items across different categories.
- Backend: Node.js, Express.js
- Frontend: React.js
- Database: Not applicable (data fetched from a third-party API)
- Chart Library: Recharts
# Clone the repository
git clone https://github.com/your-username/your-repo.git
# Navigate to the backend directory
cd Backend
# Install dependencies
npm install
# Start the backend server
node index.js
# Navigate to the frontend directory
cd Frontend/roxilersystems/
# Install dependencies
npm install
# Start the frontend application
npm run dev
- Endpoint:
/api/transactions
- Method: GET
- Parameters:
month
(string): Selected month (e.g., '03' for March)search
(string): Search query for filtering transactionspage
(number): Current page for pagination
- Endpoint:
/api/statistics
- Method: GET
- Parameters:
month
(string): Selected month
- Endpoint:
/api/bar-chart
- Method: GET
- Parameters:
month
(string): Selected month
- Endpoint:
/api/pie-chart
- Method: GET
- Parameters:
month
(string): Selected month
The transactions table component displays a paginated list of transactions. Users can search for specific transactions and navigate through pages.
The statistics component provides a summary of key metrics for the selected month, including total sale amount, total sold items, and total not sold items.
The bar chart component visualizes the distribution of transaction amounts within specified price ranges for the selected month.
The pie chart component illustrates the distribution of items across different categories for the selected month.
Default month selected Statistics and Bar Chart of default month Pie Chart of default month
Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.
This project is licensed under the MIT License - see the LICENSE.md file for details.