An app shows a list of all the available stocks from Sensibull API and their detailed quotes

Sensibal Stocks

This project Is bootstrapped with Create React App and using flexbox for UI. Development enviornment is 64bit Windows 10.

⚠ Use node v16 to run this app.

 

Available Scripts ?

This project usages Yan package manager and in the project directory, you can run:

# NPM Scripts
Client Script Description
start Starts the app
build Production build
test Runs unit tests
eject React Eject
lint Shows all the linting errors in codebase
lint:fix Fix all the liting errors

? What’s inside?

A quick look at the top-level files and directories you’ll see in this project.

Client

├── .vscode
├── node_modules
├── src
    ├── api
    ├── assets
    ├── components
    ├── container
    ├── config
    ├── pages
    ├── routes
    ├── styles
    ├── utils
    ├── index.tsx
    ├── app.tsx
├── .eslintrc.json
├── .gitignore
├── .env
├── package.json
├── tsconfig.json
├── README.md
└── yarn.lock

.vscode/: This directory contains all of the workspace setting for vscode.

Build Prod

  • Run npm run build

?Notes

  • The Client application will run at port 3000 if available otherwise it will pick any available port.

GitHub

View Github