Frontend

screenshot of Frontend
vue
bootstrap
scss

Frontend UI for Dependency-Track

Overview

Dependency-Track Front-End is a robust Single Page Application (SPA) designed to complement the Dependency-Track platform, an open-source solution that helps organizations manage risks within their software supply chains. Built on popular technologies like Vue.js and Bootstrap Vue, this application enables users to seamlessly navigate through components, ensuring they can better track dependencies and vulnerabilities within their software.

Designed for compatibility and efficiency, Dependency-Track Front-End not only integrates effectively with the API Server but also offers flexible deployment options to cater to various organizational needs. The platform stands out due to its commitment to internationalization, making it accessible to a global user base.

Features

  • Compatibility Matrix: Ensures that the Front-End version matches the Dependency-Track API Server version for streamlined functionality.

  • Deployment Options: Available as a Docker container or a GitHub Release (zip archive), providing flexibility in how organizations choose to deploy the application.

  • Internationalization Support: The application supports multiple languages, including German, Spanish, French, and more, accommodating diverse user preferences.

  • User-Friendly Language Preferences: Users can easily customize their language settings through a profile dropdown menu, enhancing the overall user experience.

  • Focus on Community Contributions: The project encourages users to contribute to language translations, fostering a collaborative approach to improving the application.

  • Translation Management Tools: Integration with VS Code and the i18n Ally extension simplifies the process of adding or improving translations for various languages.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.