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

routes/api/plaid.js

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

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

BrianQMclaren/bank-dashboard