This is the frontend service for your application. It provides a user interface for managing transactions.
URL : Frontend
[Deployed on render. So it will take time for starting for first time. Approx 2-3 mins]
Backend Service: Link to Backend Service
To get started with the frontend service, follow these steps:
- Clone the repository:
git clone https://github.com/md-abid-hussain/roxiler-frontend
- Change directory:
cd roxiler-frontend
- Install dependencies:
npm install
- Start the development server:
npm run dev
- View all transactions
- Search transactions
- Pagination support
- View transaction statistics
- Visualize transactions with bar and pie charts
- View monthly transaction statistics
To view all transactions, navigate to the Transactions page.
To search for specific transactions, use the search bar on the Transactions page.
The Transactions page supports pagination. Use the navigation buttons at the bottom of the page to navigate between pages.
To view statistics about transactions, navigate to the Statistics page.
To visualize transactions, navigate to the Charts page. The Charts page provides both bar and pie chart visualizations.
To view monthly statistics about transactions, navigate to the Monthly Statistics page.
- vite
- react
- MUI and MUI-X
- React Query