Nasdaq Stocks

A stock market web app that shows all stocks listed in Nasdaq exchange with their ticker, name, and details using Polygon API.

Git branches:

There are two implementations for server-state management and caching

• Main branch uses "React-Query" & is deployed to here
• Overmind branch uses "Overmind" & is deployed to here

Contents

• Features
• Run Locally
• Scripts
• Tech Stack

Features

• Browse stocks listed in Nasdaq exchange with their ticker and full name.
• Load more stocks by scrolling through the screen.
• Search for a stock.
• See stock details.

Run Locally

1. Create environment file

  cp .env.example .env

2. Sign up for an API key at Polygon

3. Add API key to REACT_APP_API_KEY in .env file

4. Install dependencies:

  npm install

5. Start application:

  npm start

Scripts

Install dependencies

  npm install

Start application

  npm start

Run tests

  npm run test

Watch tests

  npm run test:watch

Run cypress

  npm run cypress:open

Fix linting errors

  npm run lint:fix

Tech Stack

Language: Typescript

UI Library: React

UI Framework: Chakra-UI

Server-State Manager: React-Query & Overmind

Testing:

• Cypress
• React-Testing-Library
• Jest

Build:

• Create-React-App
• Eslint
• Prettier
• Commitlint
• Husky

Misc:

• react-infinite-scroll-component
• Axios
• Date-Fns