Edward Dupre

< Software Developer />


CareerDevs
Teamwork in the Classroom

A special thanks to CareerDevs founders Arnell Milhouse and Cliff Choinierer for developing this innovative approach to high-tech learning. Visit their website to learn more.

Generic placeholder image
TributePageBack to top
A Tribute to The Man Who Gave Me A NeXT Sticker <-- click me
NeXT sticker

Back to top

Tribute Page
A Tribute to The Man Who Gave Me A NeXT Sticker

A true story.

My first MEAN Stack appBack to top
An adaptation of the MEAN stack Hotel tutorial <-- click me
My NASDAQ App
image of NASDAQ App

Project Definition:

Create a new full-stack mean application that is based upon the companies in the Nasdaq index of companies. Each company has an abbreviated symbol (facebook = fb, tesla = tesla, apple = appl, etc).

The list can be downloaded here: http://www.nasdaq.com/screening/company-list.aspx "Symbol","Name","LastSale","MarketCap","IPOyear","Sector","industry","Summary Quote", "ZNGA","Zynga Inc.","3.705","$3.19B","2011","Technology","EDP Services","http://www.nasdaq.com/symbol/znga",

your app should allow a user to

  1. enter an abbreviated stock symbol,
  2. return the most recently traded (live) stock price (last sale). This could be based upon a api or (less desirably, a data scrape), and
  3. the market cap.
  4. Your app should store query results in a database.
  5. As a bonus (ONLY AFTER you complete the first 3 things), your app could:
  6. have a sidebar that lists all previous queries by anyone, with the date and time and results.
  7. return a news story title along with a link to that story.

Here's how this app works:

Author: Edward Dupre, on June 23, 2017

  1. when you enter a stock symbol in the form and click submit, ng-model binds the input box to a property on the scope. So, the value of the input box gets assigned to vm.symbol, which is a property of ng-model.
  2. when you click submit, vm.getStock() assigns vm.symbol to the variable stockSymbol.
  3. inside of the controller, stockSymbol is passed to the stockDisplay function in the DataFactory via stockDataFactory.stockDisplay(stockSymbol)
  4. in the DataFactory, the stockDisplay function returns an http get request from yahoo.com's finance api https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22' + symbol + '%22)&format=json&diagnostics=true&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=

    you can see the variable symbol in the api request, that is the symbol entered into the form.
  5. yahoo returns a json file with the data you requested
  6. the get request's response is assigned to vm.stock, another ng-model variable that streams the json data returned from yahoo.
  7. in the web page, vm.stock is used to display the fields to show the values.
    for example,
    • vm.stock.query.results.quote.name displays the company name
    • vm.stock.query.results.quote.symbol displays the stock symbol
    • vm.stock.query.results.quote.LastTradePriceOnly displays the stock price
    • vm.stock.query.created displays the time stamp
  8. notice that path for the time stamp is different from the others. that's because the time stamp is in a different part of the json file. scope. refreshingly delicious.
image of json file