https://github.com/md-abid-hussain/roxiler-frontend

Frontend
https://github.com/md-abid-hussain/roxiler-frontend

mui react react-query tyoescript vite

Last synced: 18 days ago
JSON representation

Frontend

• Host: GitHub
• URL: https://github.com/md-abid-hussain/roxiler-frontend
• Owner: md-abid-hussain
• Created: 2024-02-18T18:29:30.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-05-21T15:47:51.000Z (7 months ago)
• Last Synced: 2024-05-21T17:00:03.218Z (7 months ago)
• Topics: mui, react, react-query, tyoescript, vite
• Language: TypeScript
• Homepage: https://transaction-dashboard-frontend.onrender.com/
• Size: 101 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend Service 

This is the frontend service for your application. It provides a user interface for managing transactions.

### URL : [`Frontend`](https://transaction-dashboard-frontend.onrender.com/) [Deployed on render. So it will take time for starting for first time. Approx 2-3 mins]

## Backend Service: [Link to Backend Service](https://transaction-backend.onrender.com/)

## Getting Started

To get started with the frontend service, follow these steps:

1. Clone the repository: `git clone https://github.com/md-abid-hussain/roxiler-frontend`

2. Change directory: `cd roxiler-frontend`

3. Install dependencies: `npm install`

4. Start the development server: `npm run dev`

## Features

- View all transactions

- Search transactions

- Pagination support

- View transaction statistics

- Visualize transactions with bar and pie charts

- View monthly transaction statistics

## Usage

### View All Transactions

To view all transactions, navigate to the Transactions page.

### Search Transactions

To search for specific transactions, use the search bar on the Transactions page.

### Pagination

The Transactions page supports pagination. Use the navigation buttons at the bottom of the page to navigate between pages.

### View Transaction Statistics

To view statistics about transactions, navigate to the Statistics page.

### Visualize Transactions

To visualize transactions, navigate to the Charts page. The Charts page provides both bar and pie chart visualizations.

### View Monthly Statistics

To view monthly statistics about transactions, navigate to the Monthly Statistics page.

## Created Using 

 - vite

 - react

 - MUI and MUI-X

 - React Query