Coder Social home page Coder Social logo

xverses20 / stockoverflow Goto Github PK

View Code? Open in Web Editor NEW

This project forked from thaotpphung/stockoverflow

0.0 1.0 0.0 68.05 MB

A web application to research the stock market, track stock portfolio, set alerts of changes in prices, and visualize stock data.

JavaScript 43.68% HTML 50.56% CSS 5.76%

stockoverflow's Introduction

StockOverflow

Stock tracker and visualization. Deployed on Heroku platform at: https://stockoverflow-stockapp.herokuapp.com/

Contents

Installation

1. Clone project by using git clone

$ git clone [email protected]:thaotpphung/stockapp.git
$ cd stockapp

2. Install MongoDB

MongoDB Download Page

3. Run application

$ npm install
$ node app.js

Features

Register

The app restricts some rules on registered information such as:

  • Length of username, password should be sufficiently long
  • Should give a correct email (e.g., [email protected])
  • First name/ last name should not contain special characters (e.g., %@&^%*#^)
  • ...

Alt text

Login

Alt text

Reset Password

User can reset password by providing the email was provided ealier. An confirmation email is sent to the user with a link to reset password.

Alt text Alt text

Landing Page

Display list of interested stocks

After succesfully logged in, user will be redirect to the landing page, which includes the top gainer, top loser, and top active stocks of the market.

Alt text

Dash Board

The dashboard shows the tracked stocks and their current price changes compared to the price of last closing day of stock market. It also shows the graph for stock data of up to 30 days.

Alt text

Search and Add stock

Users can search for stocks that they want to track, the system then add the desired stock to the tracked list.

Alt text

Delete Stock

Users can remove the stocks that they no longer interested in by right hovering over the stock.

Alt text

Detail

The stock detail page shows the OHLC graph for the chosen stock. It also shows relevant information related to the company, which includes:

  • Latest trade:
    • Latest OHLC prices, adjust close, volumn, unadjusted volumn and VWAP
  • Profile:
    • Beta, exchange, industry, sector, website and CEO
  • Key metrics:
    • Market Cap, Free Cash Flow per Share, Net Income, Book Value per Share, Revenue per Share, Price to Earning ratio, Enterprise Value, Price to Sales Ratio, Debt to Equity, Price to Book ratio, Net Debt-to-EBITDA, Price-to-cash Flow, Dividend Yield, Return on Equity, Payout ratio, Current ratio

OHLC Graph

Alt text

Trade Options

Buy/Sell stock

Users can keep track of their trading history by adding trade decisions, buying stock or selling stock. They can either add an entry in the stock detail page or in the porfolio page.

Alt text

Portfolio

This feature helps user keeping track of user's asset - which stocks user owns and transaction history - the amount and time when the user made a transaction. When purchasing/selling a new stock that is not in the tracked list, the users can hover on the stock to add the new stock to the tracked list

Alt text

Assets

Alt text

Transaction History

Alt text

stockoverflow's People

Contributors

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