Syneo/Barcoding

Appearance

Syneo/BarcodingEnterprise Management System

Multi-modular system with LoopBack 4 API and Angular 17 applications

Get Started
View on GitHub
🚀

LoopBack 4 API

REST API with MySQL, JWT auth, 606+ controllers, 582+ repositories, 22 services

âš¡

Angular 17 Monorepo

Three main application instances (Backend, Front, Dashboard) sharing 70+ reusable packages

🎯

Multi-Instance Architecture

Backend for production analysis, Front for user interactions, Dashboard for external views

🧩

Modular Design

29 feature modules (NCR, Ticket, HR, IT) and 20 reusable widgets (charts, calendars)

🔄

State Management

NGXS-powered state management with ModuleStore, WidgetStore, and AuthState

🔌

Dynamic Widgets

Database-driven widget system using Gridster with user customization

Quick Start ​

API Development ​

bash
cd api/b3api
npm run build
npm run start

Web Development ​

bash
cd web
yarn start-back    # Backend app on port 4200
yarn start-front   # Frontend app on port 4201
yarn start-dashboard # Dashboard app on port 4202

Technology Stack ​

  • API: LoopBack 4, TypeScript 5.2.2, Node >=10
  • Web: Angular 17.3.12, TypeScript 5.4.5, RxJS 7.5.5
  • State: NGXS 3.8.1
  • UI: Kendo Angular 16.7.1, Material Design 17.3.10, Tailwind CSS 3.4.17
  • Testing: Jest 29.7.0, Playwright 1.57.0
  • Desktop: Electron 30.0.1

Documentation Sections ​

Guide ​

Learn how to set up the development environment, understand the project structure, and start developing.

API Documentation ​

Deep dive into the LoopBack 4 API, database migrations, controllers, and authentication.

Web Applications ​

Explore the three Angular application instances, core packages, modules, and widget system.

Syneo/Barcoding Documentation

Copyright © 2025