AI Stack – Адаптивний шаблон Angular 20 для ІТ-агентств та особистих портфоліо

AI Stack – Адаптивний шаблон Angular 20 для ІТ-агентств та особистих портфоліо

• Демо: https://portfolio.deepbase.in/
• Посилання на онлайн-документацію: https://docs.deepbase.in/upgrade.html

Опис:

AI Stack — це чистий та елегантний шаблон портфоліо для Angular 20, створений для:

• ІТ-стартапи
• Розробники
• Дизайнери
• Фрілансери та агентства

Створений з використанням найновіших веб-технологій та інтерфейсу командного рядка Angular, AI Stack пропонує плавний користувацький інтерфейс із високою продуктивністю, адаптацією до мобільних пристроїв та можливостями PWA. Він ідеально підходить для демонстрації особистих проектів, портфоліо або послуг із сучасною анімацією та варіантами макета.

✅ Ключові технології та функції

• Angular 20 – сучасний SPA-фреймворк для створення швидких та масштабованих застосунків.
• Підтримка Angular PWA – вбудовані функції прогресивних веб-додатків для роботи в автономному режимі та поведінки, подібної до додатків.
• Bootstrap 5.3.3 – Адаптивний макет та сучасні компоненти інтерфейсу.
• Bootstrap Icons 1.11.3 – Чисті та масштабовані іконки для UI/UX.
• AOS 2.3.4 (Анімація під час прокручування) – Плавна та настроювана анімація прокручування.
• Swiper 11.1.15 – Слайдери та каруселі, готові до використання на мобільних пристроях, з підтримкою сенсорного керування.
• Ngx-Owl-Carousel-O 18.0.0 – Бібліотека каруселей для адаптивних слайдерів.
• GLightbox 3.3.0 – Гарний лайтбокс для зображень та відео.
• Isotope Layout 3.0.6 – Фільтрувані та анімовані макети сітки.
• ImagesLoaded 5.0.0 – Забезпечує повне завантаження зображень перед рендерингом макета.
• jQuery 3.7.1 – Покращена маніпуляція DOM (необов'язково, але підтримується).
• Express 4.18.2 – Інтеграція з серверною частиною або обробка API (необов'язково).
• RxJS 7.8.0 – Реактивне програмування для управління даними в Angular.
• Zone.js 0.15.1 – помічник для відстеження асинхронності та виявлення змін в Angular.
• TSLib 2.3.0 – Бібліотека виконання для помічників TypeScript.
• Ефект друкарської машинки 2.21.0 – Динамічне анімоване введення тексту для креативних текстових заголовків.
• Capacitor 7.0.1 – Безперебійне розгортання мобільних додатків для Android та iOS.
• Повністю адаптивний – оптимізований макет для мобільних пристроїв, планшетів та комп’ютерів.
• SEO-дружність – Чиста структура та обробка метаданих для кращої індексації.
• Сучасний UI/UX – привабливий, мінімалістичний дизайн, що швидко завантажується.

Налаштування розробки

Ваш package.json містить:

Скрипти Angular CLI

"scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "watch": "ng build --watch --configuration development", "test": "ng test"}

Інструменти розробника

• @angular-devkit/build-angular : ^19.0.2
• @angular/compiler-cli : ^19.0.2
• TypeScript : ~5.8.3
• Тестування : Jasmine, Karma, Chrome Launcher
• Інтерфейс командного рядка конденсатора : ^7.0.1 для підтримки рідної платформи

Готовий до мобільних та нативних платформ

• @конденсатор/кутовий : ^2.0.3
• @capacitor/android , @capacitor/ios , @capacitor/core : ^7.0.1
• Легко розгортається як нативний додаток з підтримкою Capacitor для Android/iOS.

Документація охоплює:

• Налаштування та встановлення (Angular CLI та Node)
• Як увімкнути та налаштувати PWA
• Налаштування каруселі, галереї та анімації
• Поради щодо адаптивної поведінки та розгортання
• Найчастіші запитання та відомі проблеми

Журнал змін