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.

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:

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
Subscribe
Notify of
guest
0 Comments
Newest
Oldest Most Voted
Inline Feedbacks
View all comments