sarbjot-14 / Stock_IQ

Guessing game to challenge players on thier awareness of fundamental valuation metrics of specific stocks

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Stock IQ

An application that tests your knowledge on some of the largest US publicly traded companies in the stock market.

  • Pick which publically traded company has highest market cap.
  • Take hints, but they will cost you points.

Project Status

Completed, but could add more features later on

Project Screen Shot(s)

Weather App

Visit

Stock IQ web app

Reflection

Context

  • Wanted to learn react.js and help others and myself learn about the stock market.

Learning Outcomes

  1. Learned basics of react.js and the benifits of using compponents
  2. Learned more about stocks and corporations I was not aware of.
  3. Learned how to work with api's and transfering data in json format. Learning how to use fetch with api's
  4. Learned about asynchronous concepts such as promises, .then, async functions, await keyword
  5. Learned about JSX and how javascript can be with inside html.
  6. Learned about react hooks such as setState.

Unexpected Obstacles

  • I had to follow youtube tutorials to understand how to use api's, which slowed me down
  • Did not realize that the information promised in API may not be complete. which required addtional error handling.
  • Had a difficult time organizing data and understanding how data is passed betwwen components.

Tech Stack

  • react.js : For front framework
  • HTML, CSS : For front end development
  • npm : As package manager
  • Heroku : To deploy application online

Other resources

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

About

Guessing game to challenge players on thier awareness of fundamental valuation metrics of specific stocks


Languages

Language:JavaScript 84.7%Language:HTML 8.0%Language:CSS 7.3%