Stock data visualizer

• 🟢 Live [hosting and CI/CD for frontend with github-pages]
• Backend (deployed using vercel)

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

Tablet View	Mobile View

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