stocks.700software.com

Features

The SearchDropdown.js handles keyboard and mouse interaction, including dragging across search results and release to select (a subtle ease of use enhancement over most search dropdowns)

This can be easily generified for any search/autofill dropdown needed.
Auto-retry on (e.g. quota) error is enabled by default with swr.

Requirement: Built in react - this uses the Next.js framework
Requirement: Some sort of unit testing - use npm test
Nice to have: Integration tests - use npm run testi
Nice to have: TypeScript - implemented throughout
Nice to have Continuous integration - using Vercel
The user wants you to create a web application that will allow them to compare up to 3 stock tickers at once.
They want to be able to search for companies based not just based on symbols but also names.
As a user, I want to be able to pin/bookmark up to 3 results to my view
As a user, I want to be able to see up to 3 pinned columns so that I can draw direct comparisons
As a user, I want to be able to see the graphical representation of a company’s EPS earning or cash flow and be able to compare it

For this one, I felt an EPS Ratio was the most useful comparison to make.
I do have Highcharts experience.

Name		Name	Last commit message	Last commit date
Latest commit History 43 Commits
components		components
lib		lib
pages		pages
public		public
styles		styles
test		test
.babelrc		.babelrc
.gitignore		.gitignore
README.md		README.md
jest.config.js		jest.config.js
jest.setup.js		jest.setup.js
next-env.d.ts		next-env.d.ts
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json
tsconfig.json		tsconfig.json