Skip to content

Latest commit

 

History

History
75 lines (50 loc) · 2.12 KB

README.md

File metadata and controls

75 lines (50 loc) · 2.12 KB
Raw

Project Budgeting App Frontend

This project is a frontend application for managing and visualizing financial transactions. It is built with React and various libraries to provide an interactive user interface for tracking transactions, displaying charts, and more.

Features

  • Display a list of transactions with details such as date, description, amount, etc.
  • View detailed information about individual transactions.
  • Add, edit, and delete transactions.
  • Visualize transaction data using charts.
  • Styled using Material-UI components.

Installation

  1. Clone the repository:

    git clone https://github.com/renad-lab/project-budgeting-app-frontend.git

  2. Navigate to the project directory:

    cd project-budgeting-app-frontend

  3. Install dependencies:

    npm install

  4. Install Material-UI:

    npm install @mui/material @emotion/react @emotion/styled

  5. Start the development server:

    npm run dev

Usage

  • Visit the home page to see the list of transactions and charts.
  • Click on any transaction to view its details, edit, or delete it.
  • Add new transactions through the provided form.

Project Structure

  • src/Components/Home/Home.jsx: The home page of the application, displaying transactions and charts.
  • src/Components/TransactionsTable/TransactionsTable.jsx: Component for displaying the table of transactions.
  • src/Components/TransactionChart/TransactionChart.jsx: Component for displaying transaction charts.
  • src/Components/Show/Show.jsx: Component for displaying detailed information about a transaction.

Deployment

The project is deployed on Netlify. You can access it here.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any changes or improvements.

License

This project is licensed under the MIT License.

Acknowledgements