Giter VIP home page Giter VIP logo

upload-portal's Introduction

Upload-Portal

A React based demo application for Bank of America - Box integration

Checkout the demo here : https://youtu.be/juEI8EW9H-U


Usage

First setup an account at netlify.com to host serverless functions

  1. npm install
  2. Configure developer credentials in src/api/BoxClient.js
  3. npm run build
  4. npm run build:lambda
  5. npm start

Features

  • Mock Bank of America website
  • Display Box user information
  • Display and download pdf's directly from Bank of America
  • Drag and drop file upload
  • Click to browse file upload
  • Upload new file's to Box
  • Upload new file version's to Box

Libraries

  • create-react-app
  • box-node-sdk
  • netlify-lambda
  • netlify
  • reactstrap
  • react-dropzone-uploader

App Structure

App.js 			              # Renders UI components, makes calls to netlify api
api/                      # Server side code (functions) hosted by netlify
├── BoxClient.js 	        # Setups Box SDK client with dev credentials
├── getCurrentUserId.js 	# Handler Function for getting user name from box  
└── uploadFile.js 	      # Handler function for uploading files to box  

Box Api's Used (Node SDK)

Contributors

AG Liber

upload-portal's People

Contributors

agliber avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Forkers

elijah-glitch

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.