Sinequa Mint

A modern Angular 20+ application boilerplate for building scalable, maintainable, and Sinequa-integrated web apps.

---

📺 Introduction

• Introduction video
• Documentation website

---

📁 Project Structure

📁 src                 # Source folder
├── 📁 app             # Main application folder (components, pages, config, routes)
│   ├── 📁 components  # App-specific reusable components
│   ├── 📁 pages       # Page-level components (home, search, widgets, etc.)
│   ├── 📁 registry    # Document type registry and related logic
│   ├── 🏷️ tokens.ts   # App-wide tokens
│   ├── ⚙️ app.config.ts      # App configuration and providers
│   ├── 🧩 app.component.ts   # Root component logic
│   ├── 📝 app.component.html # Root component template
│   ├── 🗺️ routes.ts          # Application routes
│   └── 🌐 transloco-loader.ts# i18n loader
├── 📁 assets          # Static assets (images, SVGs, error pages, preview scripts, i18n)
├── 📁 environments    # Environment-specific configuration
├── 🎨 styles.css      # Global styles (Tailwind, custom CSS)
├── 🏠 index.html      # Main HTML entry point
├── 🚀 main.ts         # Angular bootstrap
└── 🧩 polyfills.js    # Polyfills for browser compatibility

---

🧩 Libraries Used

• @sinequa/ui: Sinequa's UI component library (framework-agnostic)
• @sinequa/atomic: Sinequa's core Atomic library (framework-agnostic logic, services, and utilities)
• @sinequa/atomic-angular: Angular-specific Sinequa components and features

---

🚀 Getting Started

Development Server

ng serve

Navigate to http://localhost:4200/. The app reloads automatically on file changes.

Code Scaffolding

ng generate component component-name

You can also use:

• ng generate directive|pipe|service|class|guard|interface|enum|module

Build

ng build

Build artifacts are stored in the dist/ directory.

---

🧩 Features

• Angular 20+ with Signals and Standalone Components
• Modular structure: /app for business logic
• Sinequa integration (search, analytics, user settings)
• UI components from @sinequa/ui, core logic from @sinequa/atomic, and Angular features from @sinequa/atomic-angular
• State management with NgRx Signals and TanStack Query
• Internationalization with Transloco
• TailwindCSS for utility-first styling and custom plugins
• Modern UI components (Drawer, Preview, Bookmarks, etc.)
• Authentication and user management
• Audit and API interaction utilities

---

📚 Documentation

• Full Documentation
• Core Concepts
• App Structure
• Stores & State
• Customizing Components

---

🛠️ Technical Stack

• Framework: Angular 20+
• State Management: NgRx Signals, TanStack Query
• UI Libraries: @sinequa/ui, @sinequa/atomic, @sinequa/atomic-angular, Angular CDK
• Internationalization: Transloco
• Styling: TailwindCSS, CSS
• Linting & Formatting: ESLint, Prettier
• Build Tools: Angular CLI, TypeScript
• Other: Husky (git hooks), lint-staged, ngx-sonner, RxJS

---

🛠️ Further Help

• Angular CLI Overview and Command Reference
• Sinequa Documentation

---

📞 Contact Us

Interested in Sinequa?
Contact us by email or visit our contact page and website.

---

© Sinequa. Distributed under the terms of the MIT license.