Skip to content

Latest commit

 

History

History
42 lines (33 loc) · 1.75 KB

README.md

File metadata and controls

42 lines (33 loc) · 1.75 KB

Stock data visualizer

Very lightweight

  • Project has following 3 dependencies
"dependencies": {
    "@headlessui/vue": "^1.7.19",
    "lightweight-charts": "^4.1.3",
    "vue": "^3.4.21"
},
  • As the name suggest @headlessui/vue is a headless ui library.
  • Headless libraries do not render anything visual on screen. That way we get pixel-perfect control, at the expense of writing your own components.
  • Whole dist directory including all assets is 280kb (without zipping)

Tech stack.

I am pretty happy with the tech stack I decided on. (I would have used vee-validate for form validation if I did it again)

  1. Vuejs
  2. Typescript
  3. lightweight-charts
  4. Tailwind
  5. headlessui
  6. vite.js
  7. eslint and prettier
  8. Fastify and typescript for the backend.

screenshots

Dark Mode Light Mode
image image
Tablet View Mobile View
image image

Equity.csv : Security Code,Issuer Name,Security Id,ISIN No