⚓️⚡️🔦
Allok8 is a dynamic, conventional, and uncomplicated web-based UI Kubernetes visualization tool. Current tooling only enables resource portraits at the pod level. When the application adds layers of complexity, it is advantageous to visualize when pods have multiple containers. This enables users to manage resource levels, navigate clusters, and display all relevant information down to the container level.
The standard practice of one container per pod works most of the time because it lends to better portability, but when containers are interdependent, keeping track of the resource utilization is sparse. Allok8 wishes to showcase that hidden data in hopes of empowering users to further synthesize their K8s implementation.
Further data within containers that is provided (but not limited to):
- CPU
- Memory
- Capacity
- Addresses
🏗⚙️🛠
In order to access the dashboard, the user must input the K8s cluster API and token which is typically provided by the system administrator. If you need more information to obtain this, we've provided additional instructions on our landing page.
To check the location and credentials that kubectl knows about, use the following command:
kubectl config view
Alternatively, you can refer to the offical K8s documents for more information.
To access a cluster, you would need the location of the cluster and have credentials to access it. Once aquired, simply type in the credentials in the input fields provided, hit fetch, and enjoy! ~
🗺📙📊
Navigation
- Enter API and Token and hit fetch!
- Default viewer will be under the cards layout.
- Information panel below will populate reports on usage based on the level selected: Node, Pod, or Container.
Graph
- On the left is a sidebar, click to toggle between cards and tree view.
- The tree nodes will expand upon load, selecting the gray nodes will compress to the particular level of choice.
- Zoom in and out to access information accordingly, click to grab structure to move across the main viewer.
Views
- Information panel will dynamically change based on the level selected in the cards view.
- Once the card is selected it will be highlighted as a feedback to the user to cue that they are in the right area.
🕊💫👋
We love feedback! We are always looking to improve. For major changes, please open an issue first to discuss what you would like to change, pull requests are welcome.
- Enable info panel to show a list of resources of nodes selected in tree view.
- Add table view in side panel.
- Create an on hover functionality for each displayed node in different views.
🧰🚢🐳
- D3
- Docker
- Express
- fetch-mock
- Jest
- Kubernetes
- React
- React-Router
- Redux
- Redux-Thunk
- redux-mock-store
- Supertest
- Travis-CI
- Webpack
✏️👩💻👨💻📓
- Bahram Bagher - @bbagher
- Jason Seidler - @jsonseidler
- Rella Cruz - @rllzrc
- Rex Osariemen - @rexosariemen
- Tyler Meyerson - @tdmeyerson
🔖⛴
This project is licensed under the MIT License - see the LICENSE.md file for details.