https://github.com/macpli/web-app-for-production-resource-database
Tool for prototyping production systems structures
https://github.com/macpli/web-app-for-production-resource-database
angular crud-api dotnet full-stack production-systems
Last synced: 2 months ago
JSON representation
Tool for prototyping production systems structures
- Host: GitHub
- URL: https://github.com/macpli/web-app-for-production-resource-database
- Owner: macpli
- Created: 2023-11-12T22:21:04.000Z (over 2 years ago)
- Default Branch: frontend-backend-integration
- Last Pushed: 2024-10-26T15:53:35.000Z (over 1 year ago)
- Last Synced: 2026-01-03T19:12:14.312Z (6 months ago)
- Topics: angular, crud-api, dotnet, full-stack, production-systems
- Language: TypeScript
- Homepage:
- Size: 7.83 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Production System Designer
A lightweight tool for prototyping production systems strucutures.
##### Table of Contents
[1. Overview](#overview)
[2. Features](#features)
[3. App setup](#run-the-app)
[4. Acknowledgements](#acknowledgements)
### Overview
The Production System Designer is a tool developed as a practical component for my engineering thesis. This application serves as a simple solution for designing and visualizing production systems. Whether you are a student working on an engineering thesis or a professional involved in production system design, this app simplifies the process and enhances your ability to quickly prototype efficient and well-organized production systems.
## Features
### 1. Designing Production System Structures
Easily create a tree list representation of your production system. Organize and structure components and devices to get a clear overview of the entire system hierarchy.
### 2. Layout Drawing
Utilize the intuitive layout drawing feature to design the physical arrangement of the selected production system.
### 3. Report Generation
Generate summary reports for your designed production systems in PDF format. These reports provide valuable insights into the structure, layout, and key components of the system, aiding in documentation and analysis.
## Run The App
In current state, the application is only able tu run locally and requires You to set it up by yourself.
To get started with the Production System Designer, follow these steps:
### Client Setup
1. **Clone the Repository:**
```bash
git clone https://github.com/macpli/production-system-designer.gitT
```
2. **Install Dependencies:**
```bash
cd web-app-for-production-resource-database/ProductionSystemsWebApp
npm install
```
3. **Run the Application:**
```bash
ng serve
```
4. **Access the App:**
Open your web browser and navigate to `http://localhost:4200` to access the Production System Designer.
### Backend Setup
1. **Install Dependencies**
```bash
cd ProductionSystems/WebApi
dotnet restore
dotnet build
```
2. **Run the Application:**
```bash
dotnet run
```
### Database Setup
1. **Configure SQL Server:**
Ensure that SQL Server is running and note your connection settings (server name, username, password).
2. **Open and Run the SQL Script:**
Open SQL Server Management Studio (SSMS), connect to your server, and do the following:
- Open the Database/setup.sql file from the repository.
- Execute the script to create the database schema.
3. **Verify Database:**
Once the script runs successfully, you can verify that the database has been created by viewing it in SQL Server Management Studio or by running a SQL query to check for the created tables. Make sure that the **connection string, database name and password** are correct in ProductionSystems/WebApi/appsettings.json and ProductionSystems/WebApi/Program.cs
## Requirements
- Node.js (v14 or higher)
- npm (v6 or higher)
- Angular (v17)
- dotnet 6.0
- SqlServer
## Acknowledgements
This app uses fabric.js for drawing 2D layouts and pdfmake for PDF generation:
1) fabric.js: https://github.com/fabricjs/fabric.js
2) pdfmake: https://github.com/bpampuch/pdfmake
---