Giter Club home page Giter Club logo

bridge-gui-vue's Introduction

bridge-gui-vue

A web-based GUI for Storj Bridge

Local Development Setup

Prerequisites

  1. Nodemon
  • Installation: npm install -g nodemon
  1. Mongodb
  • Installation: brew update && brew install mongodb

    • If you don't have Mac OSX, follow the install instructions

    • If you don't have Homebrew, install it

    • As an easy way to manage Mongo and other databases, I recommend Launch Rocket. Install with brew cask install launchrocket. This will allow you to easily turn Mongo on and off and even have it start automatically.

    • Start Mongo with mongod in a new terminal window. If you don't use Launch Rocket, then you'll need to follow the Mongo instructions to start it

  1. Redis
  • Installation: brew update && brew install redis

  • Just get Launch Rocket by now to start and manage all your databases

  1. Node >= v.6.9.4

Create storj-dev folder

Optional: You don't need this folder, but it may help in organizing if you've got a lot going on

$ mkdir storj-dev
$ cd storj-dev

Git clone all the repos

$ git clone https://github.com/Storj/bridge.git
$ git clone https://github.com/Storj/billing.git
$ git clone https://github.com/Storj/bridge-gui-vue.git

Open up two more terminal windows and navigate to the storj-dev folder

Setup bridge

In the first one, navigate to storj-dev/bridge

$ npm install && npm link
$ NODE_ENV=develop storj-bridge

If it's running correctly, you should see output like this:

{"level":"info","message":"starting the bridge engine","timestamp":"2017-04-28T20:47:51.665Z"}
{"level":"info","message":"opening database connection to mongodb://127.0.0.1:27017/__storj-bridge-develop","timestamp":"2017-04-28T20:47:51.666Z"}
{"level":"info","message":"configuring service endpoints","timestamp":"2017-04-28T20:47:51.688Z"}
{"level":"info","message":"setting up http(s) server instance","timestamp":"2017-04-28T20:47:51.701Z"}
{"level":"info","message":"connected to database","timestamp":"2017-04-28T20:47:51.718Z"}

Setup billing

In another terminal window, navigate to storj-dev/billing

Create a .env file for storing billing variables

$ touch .env

Paste your STRIPE_KEY=stripe_test_key into the .env file.

$ npm install
$ npm run start:dev 

If it's running correctly, you should see output like this:

> [email protected] start-dev /Users/barbara/Documents/Code/storj-dev/billing
> NODE_ENV=develop nodemon ./bin/storj-billing.js

[nodemon] 1.11.0
[nodemon] to restart at any time, enter `rs`
[nodemon] watching: *.*
[nodemon] starting `node ./bin/storj-billing.js`
**** server listening on  3000
{"level":"info","message":"starting the billing engine","timestamp":"2017-04-28T20:51:26.215Z"}
{"level":"info","message":"opening database connection","timestamp":"2017-04-28T20:51:26.216Z"}
{"level":"info","message":"configuring service endpoints","timestamp":"2017-04-28T20:51:26.238Z"}
{"level":"info","message":"setting up http(s) server instance","timestamp":"2017-04-28T20:51:26.308Z"}
{"level":"info","message":"connected to database","timestamp":"2017-04-28T20:51:26.325Z"}

bridge-gui-vue

In the last terminal window, navigate to storj-dev/bridge-gui-vue

Create a .env file to hold app secrets

$ touch .env

Inside, you'll need to add this:

STRIPE_PUBLISHABLE_KEY=test_key

Then, you can start up everything

$ npm install
$ npm run dev

The initial load takes around ~17 secs, but every other load after that is ~0.5-2 seconds

If running correctly, you'll see output like this:

> [email protected] dev /Users/barbara/Documents/Code/storj-vagrant/bridge-gui-vue
> node build/dev-server.js



 DONE  Compiled successfully in 16180ms                                                                                      4:27:05 PM

> Listening at http://localhost:3001

Open up localhost:3001. Now, upon making changes and saving the file, the app will hot reload and display those changes.

bridge-gui-vue's People

Contributors

aleitner avatar barbaraliau avatar braydonf avatar bryanchriswhite avatar dylanlott avatar navillasa avatar pgerbes1 avatar phutchins avatar

Watchers

 avatar

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.