3d-inventory-angular-ui
The 3D Inventory project is a solution designed to create a spatial and database representation of datacenters. It serves as a sandbox for experimenting with database systems, focusing on building a simple and efficient IT inventory platform.

3D inventory
About project
The ✨3d inventory
✨ project allows you to build a spatial and database representation of your datacenters.
Motivation
This project serves as a sandbox to explore relevant topics and issues related to creating a simple and efficient platform for IT inventory.
Project contain three repos:
- âš“ https://github.com/karol-preiskorn/3d-inventory-angular-ui
- âš“ https://github.com/karol-preiskorn/3d-inventory-mongo-api
- âš“ https://github.com/karol-preiskorn/3d-inventory-oracle-api
Technology stack
Angular
17+ – as a Corp framework.Bootstrap
5.3+ – logic for insertUI
datatree.js
163+ – as best graph framework.MongoAtlas
|Oracle
– I want in this project try different solution and different data structure and storage datamodels relational and noSQL.REST
– preparedAPI
in use inSwagger
.Podman
–>Google Cloud
as containers
Demo
A demo of the 3D Inventory showcases devices, models, and connections using Angular and Three.js for 3D visualizations.
Data Model
This is implementation parametric generic attribute class. All attributes for Devices
, Models
and Connections
are stored in this model.
Parameters types are defined in Attribute Dictionary
.
In Attributes
are stored values defined in Attributes Dictionary
for Devices
, Model
and Connections
. Attributes Dictionary
Are defined for specifics parameters, these entities.
Logical model
Relational data model is mapped to a NoSQL model in MongoDB.
Application
List devices
Models
Attributes
Attribute Dictionary
Connections
Run
[prismatic_code]
git clone https://github.com/karol-preiskorn/3d-inventory-angular-ui.git
cd 3d-inventory-angular-ui
npm install
npm run start[/prismatic_code]
or run separately json-server
and ui
[prismatic_code]npm run start:json-server
npm run start:ng[/prismatic_code]
Goto in browser
http://localhost:4200