Bank-Dashboard-App

Inspiration

Development

Prerequisites

Install NPM (https://www.npmjs.com/) Install Node.js (https://nodejs.org/en/download/current/)

Configuration

MongoDB

Add your own MONGOURI from mLAB database in config/keys.js

module.exports = {
  mongoURI: "YOUR_MONGO_URI_HERE",
  secretOrKey: "secret"
};

Plaid

Add add your own PLAID Creds to these files

1. routes/api/plaid.js

const PLAID_CLIENT_ID = "YOUR_CLIENT_ID";
const PLAID_SECRET = "YOUR_SECRET";
const PLAID_PUBLIC_KEY = "YOUR_PUBLIC_KEY";

2. client/src/components/dashboard/Accounts.js

    <PlaidLink
              className="plaid"
              clientName="UNIBANK"
              env="sandbox"
              product={["transactions"]}
              publicKey={"PLAID_PUBLIC_KEY"}
              onExit={this.handleLogoutClick}
              onSuccess={this.handleOnSuccess}
              onScriptLoad={() => this.setState({ loaded: true })}
            >

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Clone or download the project files from my repository

git clone https://github.com/BrianQMclaren/Bank-Dashboard-App

Run this cmd your terminal to get all of the packages for client and server

npm install && npm run client-install

Run client & server concurrently

npm run dev

Server runs on http://localhost:8080 and client on http://localhost:3000

Built With

• React - The javascript library for building user interfaces
• Express Backend JS Framework
• Node - Asynchronous event driven JavaScript runtime
• Redux Global state management
• MongoDB NoSQL Database
• d3 - Data driven documents
• Plaid for bank transaction data
• Jest - Test javascript code including react apps
• Babel - Javascript complier

Authors

• Brian McLaren

License

This project is licensed under the MIT License - see the LICENSE.md file for details