SpaceJunk

By Ken Rutan, Nicky Santamaria, Dominic Brown

Description

A small app demonstrating the use of D3.js to visualize satellite data.

Union of Concerned Scientists Satellite Database

Technologies used / Prerequisites

• bower
• Angular2
• AngularFire
• Git
• Node.js (with NPM)
• AngularCLI version 1.1.1 ($ npm install -g @angular/cli)
• Firebase
• d3 ng2 (npm install d3-ng2-service --save)

Installation

• $ brew update
• $ brew upgrade node
• $ git clone https://github.com/umitosan/space-junk
• $ cd space-junk
• $ npm install
• $ bower install

Firebase Integration

• Create a firebase account at https://firebase.google.com
• Add a new project to your firebase account.
• Update the rules to allow read and write to be true.
• Create a file in the projects app folder labeled api-keys.ts
• Add the following to your api-keys file which you will receive when you click on the button "Add Firebase to your web app" within your firebase project:

export var masterFirebaseConfig = {
    apiKey: "xxxx",
    authDomain: "xxxx.firebaseapp.com",
    databaseURL: "https://xxxx.firebaseio.com",
    storageBucket: "xxxx.appspot.com",
    messagingSenderId: "xxxx"
  };

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Specifications

Behavior	Input	Output
The app displays a subset of satellites from the database	user selects a filter	satellites are displayed in the main viz area

Known Bugs

• N/A

License

This software is licensed under MIT license.

Copyright (c) 2017 **Ken Rutan**, **Nicky Santamaria**, **Dominic Brown**