yokurt94 / transaction-dashboard

Transaction Dashboard

Welcome to the Transaction Dashboard project! This repository is one of my open source portfolio projects.

Table of Contents

• Features
• Demo
• Installation and Usage
• Technologies Used

Features

• React Hooks: Utilizes multiple React hooks for state and effect management.
• Custom Hook: Includes a custom useFetchHook for efficient data fetching.
• MUI Components: Leverages Material-UI components for a modern and responsive UI.
• Transaction Data Management: Handles and displays transaction data dynamically.
• Interactive UI: Provides a user-friendly and interactive interface.

Demo

Check out a live demo of the project here.

Installation

To get started with the project, follow these steps:

1. Clone the repository:

   git clone https://github.com/yourusername/transaction-dashboard.git
   cd transaction-dashboard
   

2. Install dependencies:

   pnpm install
   

3. Create data:

   pnpm run create-data
   

4. Run backend:

   pnpm run backend
   

5. Start client:

   pnpm run dev
   

Technologies Used

• React: JavaScript library for building user interfaces.
• React Hooks: For state and effect management.
• Material-UI (MUI): For UI components and styling.
• PNPM: Fast, disk space efficient package manager.
• Custom Hooks: For reusable logic.