Kubewall
Kubewall is an application for monitoring Kubernetes clusters, managing container images and security policies in a GitOps repository. The system enables users to provision new policies, runs checks against common security standards, and offers in-context help whenever a resource updates on the computing cluster.
Below, I highlight my initiatives.
Technologies
- Vue.js and Vuex
- Vuetify
- Nuxt.js
- Figma
- Tailwind CSS
- Kubernetes
Contribution
-
Redesigned application's information representation bringing visual hierarchy and enabling users see one step ahead, therefore eliminating up to two redundant navigation steps, speeding up decision-making and reducing cognitive load.
-
Enabled users see twice as more on a half-screen windows by replacing extensive use of tables to lists with content wrapping and visual hierarchy.
-
Slashed application load time by 67% via architecting hierarchical component structure based on the Atomic Design principles and optimising bundling strategies. This initiative led to a decrease in the resulting number of static assets by 60% and reduced server load.
-
Reduced the number of source code files by 33% by consolidating multi-art components, eliminating an extra level of directory nesting, enhancing navigation around the codebase, and narrowing down the context switching.
-
Unified the codebase eliminating 939 code style inconsistencies and mistakes by setting up static code analysis for CSS files and Vue templates, and hardening rules for TypeScript code.