AI Stack – Responsief Angular 20-sjabloon voor IT-bureaus en persoonlijke portfolio's

AI Stack – Responsief Angular 20-sjabloon voor IT-bureaus en persoonlijke portfolio's

• Demo: https://portfolio.deepbase.in/
• Link naar online documentatie: https://docs.deepbase.in/upgrade.html

Beschrijving:

AI Stack is een strak en elegant Angular 20 portfolio-sjabloon, speciaal ontworpen voor:

• IT-startups
• Ontwikkelaars
• Ontwerpers
• Freelancers en bureaus

AI Stack is ontwikkeld met de nieuwste Angular CLI en webtechnologieën en biedt een soepele gebruikerservaring met snelle prestaties, responsiviteit op mobiele apparaten en PWA-functionaliteit. Het is ideaal voor het presenteren van persoonlijke projecten, portfolio's of diensten met moderne animaties en lay-outopties.

✅ Belangrijkste technologieën en functies

• Angular 20 – Modern SPA-framework voor het bouwen van snelle en schaalbare applicaties.
• Angular PWA-ondersteuning – Ingebouwde Progressive Web App-functies voor offline gebruik en app-achtig gedrag.
• Bootstrap 5.3.3 – Responsieve lay-out en moderne UI-componenten.
• Bootstrap Icons 1.11.3 – Strakke en schaalbare pictogrammen voor UI/UX.
• AOS 2.3.4 (Animate On Scroll) – Vloeiende en aanpasbare scrollanimaties.
• Swiper 11.1.15 – Mobielvriendelijke sliders en carrousels met touch-ondersteuning.
• Ngx-Owl-Carousel-O 18.0.0 – Carouselbibliotheek voor responsieve sliders.
• GLightbox 3.3.0 – Een prachtige lightbox voor afbeeldingen en video's.
• Isotope Layout 3.0.6 – Filterbare en geanimeerde rasterlay-outs.
• ImagesLoaded 5.0.0 – Zorgt ervoor dat afbeeldingen volledig geladen zijn voordat de lay-out wordt weergegeven.
• jQuery 3.7.1 – Verbeterde DOM-manipulatie (optioneel, maar ondersteund).
• Express 4.18.2 – Backend-integratie of API-afhandeling (optioneel).
• RxJS 7.8.0 – Reactief programmeren voor gegevensbeheer in Angular.
• Zone.js 0.15.1 – Angulars asynchrone tracking- en wijzigingsdetectiehulpmiddel.
• TSLib 2.3.0 – Runtimebibliotheek voor TypeScript-helpers.
• Typewriter Effect 2.21.0 – Dynamisch geanimeerd typen voor creatieve tekstkoppen.
• Capacitor 7.0.1 – Naadloze implementatie van mobiele apps voor Android en iOS.
• Volledig responsief – Geoptimaliseerde lay-out voor mobiel, tablet en desktop.
• SEO-vriendelijk – Overzichtelijke structuur en meta-afhandeling voor betere indexering.
• Moderne UI/UX – Een aantrekkelijk, minimalistisch en snel ladend ontwerp.

Ontwikkelingsopstelling

Je package.json-bestand bevat het volgende:

Angular CLI-scripts

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

Ontwikkeltools

• @angular-devkit/build-angular : ^19.0.2
• @angular/compiler-cli : ^19.0.2
• TypeScript : ~5.8.3
• Testen : Jasmine, Karma, Chrome Launcher
• Capacitor CLI : ^7.0.1 voor native platformondersteuning

Klaar voor mobiel en native platform

• @capacitor/angular : ^2.0.3
• @capacitor/android , @capacitor/ios , @capacitor/core : ^7.0.1
• Implementeer eenvoudig als native app met Capacitor-ondersteuning voor Android/iOS.

De documentatie omvat:

• Instellen en installeren (Angular CLI & Node)
• Hoe schakel je PWA in en configureer je het?
• Configuratie van carrousel, galerij en animatie
• Responsief gedrag & implementatietips
• Veelgestelde vragen en bekende problemen

Wijzigingslijst