angular2guyangular2guy
20

AngularPortfolioMgr

screenshot of AngularPortfolioMgr
angular

This is an project to show the use of Angular 21, Spring Boot 4, H2/Postgresql with Jpa, Liquibase, Kafka and Gradle and a Helm chart for a Kubernetes deployment. The frontend uses D3 for charts. For dynamic queries the frontend uses Drag'n Drop and the Backend Jpa Criteria api and the frontend d...

GithubDemo

Overview

The Angular Portfolio Manager is a powerful web application designed to provide users with a comprehensive tool for comparing the quality of different portfolios over time. Built using Angular for the front end and Spring Boot with a Jpa backend, this application leverages modern technologies such as Docker, Apache Kafka, and Gradle to ensure efficient performance and scalability. With its user-friendly interface and robust backend capabilities, it allows for seamless management and analysis of financial data.

This application excels in its ability to integrate various aspects of modern web development, offering a dynamic and responsive user experience. Users can benefit from advanced features such as drag-and-drop functionality, scrolling charts, and real-time updates, making the portfolio management experience both intuitive and informative.

Features

  • Integrated Technology Stack: Combines Angular, Spring Boot, and Gradle for a streamlined development and deployment process.
  • User-Friendly Interface: The Angular frontend is designed with user experience in mind, featuring drag-and-drop functionality and interactive charts.
  • Real-Time Data Handling: Utilizes Apache Kafka for scalable handling and revocation of Jwt tokens, ensuring secure and efficient data transactions.
  • Dynamic Search Capabilities: Allows users to search and filter through SEC Filings data with a robust Jpa Criteria API, providing flexible querying options.
  • Autoscaling Support: The Helm chart enables horizontal autoscaling using Keda, allowing the application to maintain performance under varying loads.
  • Data Visualization: Features D3 charts for visualizing portfolio data, with comparison indexes to analyze performance trends over time.
  • Secure API Key Management: Each user can manage their own encrypted API keys for secure data import and updates.
  • Multi-User Functionality: The application supports multiple users, each able to manage their portfolios independently, enhancing usability for different clients.
angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

docker
Docker

A website that uses Docker for containerization to streamline development, testing, and deployment workflows. This includes features such as containerization of dependencies, automated builds and deployments, and container orchestration to ensure scalability and availability.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.