Giter Club home page Giter Club logo

trax-crypto-stock-tracker's Introduction

TRAX stock and Crypto Tracking app

Puprose

A lightweight web application designed for mobile for tracking your traditional and non traditional investments in stocks and crypto .

Description

Trax is a fully responsive application for checking stock and crypto currency data. The user may enter a crypto name or stock symbol in the appropriate field. Current data will be displayed for selected crypto currency. Each unique currency or stock symbol will appear as a button beneath the search box for quick recall.

Features

  • Fully responsive mobile-first design
  • Makes calls from two different server-side CSS
  • Uses Materialize CSS framework
  • Local storage to store searches
  • Will not store invalid or repeat searches
  • Will alert user when an invalid search is made

Tools Used

Deployed URl

Deployed URL

Screenshots

demo GIF

Known Issues

  • Stockdata.org has 100 call per day limit.

Future Development

  • Allow users to search for coin symbol or coin name
  • Allow users to search for stock name or stock symbol
  • Allow user to clear out saved searches
  • More secure storage of API keys.

trax-crypto-stock-tracker's People

Contributors

aneslin avatar irvensd avatar seankral avatar

Watchers

 avatar  avatar

trax-crypto-stock-tracker's Issues

error handling

create handling for fetch calls

do not use alerts/windows/prompts

local storage

  • store user input
  • retrieve user input
  • clear local storage
  • display prior searches to page

make header

  • include 2 text inputs(crypto/stocks)
  • logo
  • name of website
  • use materialize library(CSS)

fetch call for crypto

  • collect user input
  • create dynamic url
  • make api call

display to page

- name
- usd value
- market cap
- stock volume 24h

space buttons

add spacing between buttons and buttons and border

User stories

As a _ I want to _ so i can_

  • I want to be able to enter a crypto (symbol?) so I can track daily changes
  • I want to be able to be able to see FANG stocks track daily changes
  • I want to be able to be able to store and recall ___ so I can

fetch call for stock data

  • collect user input
  • create url
  • make api call

display to page

- ticker
- name
- price
- daily high
- daily low
- daily change

MVP

  • Fetch from stockdata and 0x

  • Display x elements on page

  • save crypto to local storage for quick recall

*set up dashboard elements

  • Style

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.