/Bank-of-Flatiron

A simple react app for tracking the transactions of a user's finances

Primary LanguageJavaScript

BANK OF FLATIRON

A simple react app for tracking the transactions of a user's finances

Table of Contents

  1. Getting started
  2. Usage
  3. Code
  4. Sources

Getting started

Clone the project files to your local repository:

  • HTTPS => https://github.com/edd-ie/Bank-of-Flatiron..git
  • SSH => git@github.com:edd-ie/Bank-of-Flatiron..git
  • Git CLI => gh repo clone edd-ie/Bank-of-Flatiron..git

Open terminal and Install all dependencies using.

npm install

Open your terminal and run this command to start json-server.

npm run server

Open a new terminal and run this command to start the react app (accept the assigning of a new port if prompted)

npm start

Your default browser will be launched and the application will be rendered. App screenshot

Usage

The application displays the list of transaction the user has done in a timeframe.

User can sort the data by categories by clicking the sort button sort_by_alpha

User can filter data by categories by choicing from the list or typing on the category and clicking the filter button. filter_alt

Users can also add to the table by click the new transaction button, which generates a form fill in the details. new transactions

Code

The JavaScript code for the Bank of Flatiron webpage is rendered by the index.js file. The file sources the JSX code from the App.js file.

Filter

Data filtering & grouping is handle by Tables.js

Sort

Data sorting is handle by Tables.js

New transaction

New transactions are handle by Form.js

Sources

The application uses icons and fonts from the following sources