Stock Dashboard UI

This repository contains the frontend for the stock analytics dashboard, built using Next.js, React, Tailwind CSS, and TypeScript. It displays stock data, sentiment scores, technical indicators, and custom visualizations sourced from backend microservices.

✅ Features

• Modular React-based UI with dynamic routing
• Type-safe frontend using TypeScript
• Styled with Tailwind CSS for rapid design
• Integrated with RabbitMQ, InfluxDB, and PostgreSQL via backend APIs
• Authentication-ready structure (optional future enhancement)
• Dockerized for local and production deployment
• Helm chart for Kubernetes deployments with ArgoCD support

🗂️ Project Structure

.
├── public/                 # Static assets
├── src/
│   ├── components/         # Reusable UI components
│   ├── pages/              # Next.js routes
│   ├── styles/             # Global CSS (Tailwind)
│   ├── utils/              # Frontend utility functions
│   └── types/              # TypeScript interfaces and enums
├── .github/                # GitHub Actions and workflows
├── Dockerfile              # Production Docker build
├── docker-compose.yml      # Local dev environment
├── Makefile                # Standardized dev tasks
├── helm/                   # Helm chart for K8s deployment
└── README.md

🛠️ Local Development

make install
make dev

Or directly:

npm install
npm run dev

🧪 Testing

make test
# or
npm run test

Unit testing is handled by Vitest and coverage by c8.

🚀 Deployment

Docker

docker build -t stock-dashboard-ui .
docker run -p 3000:3000 stock-dashboard-ui

Kubernetes

make helm-install

🧰 Tooling

• Next.js
• Tailwind CSS
• TypeScript
• Vitest
• ESLint + Prettier
• Commitizen

📝 License

Licensed under the Apache License 2.0.