Building a 3D Datacenter Inventory with Angular and Three.js

Explore the 3D Inventory project, a sandbox for building a spatial IT inventory platform to visualize datacenters and test database systems.

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:

Technology stack

Angular 17+ – as a Corp framework.
Bootstrap 5.3+ – logic for insert UI data
tree.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 – prepared API in use in Swagger.
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

Karol PreiskornFebruary 18th, 20233d-inventory, docker, js, mongo, portfoilio, recent 02623d, angular, inventory, mongo, oracle, podman, project