AI Stack – Modèle Angular 20 réactif pour agences informatiques et portfolios personnels

AI Stack – Modèle Angular 20 réactif pour agences informatiques et portfolios personnels

• Démo : https://portfolio.deepbase.in/
• Lien vers la documentation en ligne : https://docs.deepbase.in/upgrade.html

Description:

AI Stack est un modèle de portfolio Angular 20 épuré et élégant, conçu pour :

• startups informatiques
• Développeurs
• Designers
• Indépendants et agences

Conçue avec les dernières technologies Angular CLI et web, AI Stack offre une expérience utilisateur fluide grâce à ses performances élevées, sa compatibilité mobile et ses fonctionnalités PWA. Elle est idéale pour présenter des projets personnels, des portfolios ou des services avec des animations modernes et des options de mise en page variées.

✅ Technologies et fonctionnalités clés

• Angular 20 – Framework SPA moderne pour la création d'applications rapides et évolutives.
• Prise en charge des PWA Angular – Fonctionnalités intégrées d'application Web progressive pour une utilisation hors ligne et un comportement similaire à celui d'une application.
• Bootstrap 5.3.3 – Mise en page réactive et composants d'interface utilisateur modernes.
• Bootstrap Icons 1.11.3 – Icônes épurées et évolutives pour l'interface utilisateur/l'expérience utilisateur.
• AOS 2.3.4 (Animation au défilement) – Animations de défilement fluides et personnalisables.
• Swiper 11.1.15 – Diaporamas et carrousels adaptés aux mobiles avec prise en charge tactile.
• Ngx-Owl-Carousel-O 18.0.0 – Bibliothèque de carrousel pour diaporamas réactifs.
• GLightbox 3.3.0 – Une magnifique visionneuse d'images et de vidéos.
• Isotope Layout 3.0.6 – Agencements de grille filtrables et animés.
• ImagesLoaded 5.0.0 – Garantit que les images sont entièrement chargées avant le rendu de la mise en page.
• jQuery 3.7.1 – Manipulation DOM améliorée (optionnelle mais prise en charge).
• Express 4.18.2 – Intégration backend ou gestion d'API (optionnel).
• RxJS 7.8.0 – Programmation réactive pour la gestion des données dans Angular.
• Zone.js 0.15.1 – Outil d'assistance pour le suivi asynchrone et la détection des changements d'Angular.
• TSLib 2.3.0 – Bibliothèque d'exécution pour les fonctions d'assistance TypeScript.
• Typewriter Effect 2.21.0 – Frappe animée dynamique pour des titres de texte créatifs.
• Capacitor 7.0.1 – Déploiement simplifié d'applications mobiles pour Android et iOS.
• Entièrement adaptatif – Mise en page optimisée pour mobiles, tablettes et ordinateurs.
• Optimisé pour le référencement naturel – Structure propre et gestion des métadonnées pour une meilleure indexation.
• Interface utilisateur/expérience utilisateur modernes – Un design attrayant, minimaliste et à chargement rapide.

Configuration de développement

Votre fichier package.json contient :

Scripts Angular CLI

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

Outils de développement

• @angular-devkit/build-angular : ^19.0.2
• @angular/compiler-cli : ^19.0.2
• TypeScript : ~5.8.3
• Tests : Jasmine, Karma, Chrome Launcher
• Interface de ligne de commande Capacitor : ^7.0.1 pour la prise en charge native de la plateforme

Prêt pour les plateformes mobiles et natives

• @capacitor/angular : ^2.0.3
• @capacitor/android , @capacitor/ios , @capacitor/core : ^7.0.1
• Déployez facilement votre application native grâce à la prise en charge de Capacitor pour Android/iOS.

La documentation couvre :

• Configuration et installation (Angular CLI et Node)
• Comment activer et configurer une PWA
• Configuration du carrousel, de la galerie et des animations
• Conseils sur la réactivité et le déploiement
• FAQ et problèmes connus

Changelog