yoKurt94/transaction-dashboard

★ 0Forks 0TypeScriptGitHub ↗Compare

README

Transaction Dashboard

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

Table of Contents

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.

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.