https://github.com/mosnad-web01/abdulaziz--react-hooks-practice-stocks

https://github.com/mosnad-web01/abdulaziz--react-hooks-practice-stocks

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/mosnad-web01/abdulaziz--react-hooks-practice-stocks
• Owner: Mosnad-Web01
• Created: 2024-09-09T21:28:35.000Z (4 months ago)
• Default Branch: master
• Last Pushed: 2024-09-09T21:40:41.000Z (4 months ago)
• Last Synced: 2024-11-14T16:47:59.710Z (2 months ago)
• Language: JavaScript
• Size: 1.53 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Practice Challenge: Flatiron Stock Exchange

![demo](https://curriculum-content.s3.amazonaws.com/phase-2/react-hooks-practice-stocks/stocks.gif)

Welcome to the Flatiron Stock Exchange!

Today, you are a broker who is trying to better organize the stocks available on

the Flatiron Stock Market.

## Setup

All the stock data about can be found in the `db.json` file. We'll

be using `json-server` to create a RESTful API for our database.

Run `npm install` to install our dependencies.

Then, run `npm run server` to start up `json-server` on `http://localhost:3001`.

In another tab, run `npm start` to start up our React app at `http://localhost:3000`.

## Deliverables

After the stocks are fetched, your job is to:

- Render all the stocks onto the page. The styling of how a Stock should look

  like is already in the `Stock` component.

- Allow a user to buy a stock by clicking on it and when it is bought, it should

  be added to `MyPortfolio`.

- Allow a user to sell a stock in their `Portfolio` by clicking on the stock and

  it should be removed from their `Portfolio`.

- Allow a user to sort the list of stocks alphabetically by the ticker name as

  well as by ascending price.

- Allow a user to filter stocks based on the type of the stock.

Best of luck!