Coder Social home page Coder Social logo

real-impact's Introduction

Real Impact Analytics

Folder Structure

  • gulp: this folder contains all the gulp tasks for the project, I want to said here that I didn't write those lines and they are from a public YeoMan Generator, I do know how to modify it but I didn't want to reinvent the wheel.

  • src: this is the source folder and contains the project base code, this one written by me.

    • app: This contains the main application files
      • common: Contains the components that live across the app such as layouts, directives, factories, etc.
      • states: States of the application, home, detail, etc.
      • app.config: Configuration of libraries and Angular related plugins.
      • app.constants: Constants of the application.
      • app.module: Module dependencies configuration.
      • app.run: Run function, useful to intercept states changes and Auth services.
      • app.scss: Main Stylesheet of the application, used by gulp to compile the scss.
    • assets: Public assets folder, images, fonts, icons, etc.
    • index.html: app html markup, this file shouldn't be edited and it is used by gulp to inject the javascript and scss compiled files

Notes

  • Developed and Tested on Google Chrome v59, Mac OS Sierra, in 18h.
  • For the Correlation between Distance and Delays, I implemented a Polynomial Regression base on the Flights data.
  • After the user inputs the from and to field and search for the data, you can see a Toast from Angular material showing the predicted flight delay.
  • I wanted to show every graph and information to the user in a usable way, that's why I created those radio buttons instead of creating a whole dashboard view.
  • You can see the live version here

Implementation

Here are some of the libraries and plugins used for this:

How to run it.

$ git clone https://github.com/fvalencia/real-impact.git
$ cd real-impact
$ npm install && bower install

Test

$ gulp test

Note: I created a spec for HomeController to show how to make tests with Jasmine, but didn't went through every function or directive, for time reasons.

Development

$ gulp serve

Production (Builded Version)

$ gulp build

Note: I create a new repo for the builded version and that's the one I show in GitHub Pages

real-impact's People

Contributors

felipevalenciatalos 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.