TechPort – Modello Angular 19 reattivo per agenzie IT e portfolio personali

TechPort – Modello Angular 19 reattivo per agenzie IT e portfolio personali

• Dimostrazione: https://portfolio.deepbase.in/
• Collegamento alla documentazione online: https://docs.deepbase.in/upgrade.html

Descrizione:

TechPort è un modello di portfolio Angular 19 pulito ed elegante, creato per:

• startup IT
• Sviluppatori
• Designer
• Liberi professionisti e agenzie

Realizzato utilizzando le più recenti tecnologie web e Angular CLI, TechPort offre un'esperienza utente fluida con prestazioni elevate, reattività mobile e funzionalità PWA. È ideale per presentare progetti personali, portfolio o servizi con animazioni moderne e opzioni di layout.

✅ Tecnologie e caratteristiche chiave

• Angular 19 : framework SPA moderno per la creazione di applicazioni veloci e scalabili.
• Supporto Angular PWA : funzionalità integrate di Progressive Web App per funzionalità offline e comportamento simile a quello delle app.
• Bootstrap 5.3.3 – Layout reattivo e componenti UI moderni.
• Bootstrap Icons 1.11.3 : icone pulite e scalabili per UI/UX.
• AOS 2.3.4 (Animate On Scroll) : animazioni di scorrimento fluide e personalizzabili.
• Swiper 11.1.15 – Slider e caroselli adatti ai dispositivi mobili con supporto touch.
• Ngx-Owl-Carousel-O 18.0.0 – Libreria Carousel per slider reattivi.
• GLightbox 3.3.0 – Bellissimo lightbox per immagini e video.
• Isotope Layout 3.0.6 – Layout griglia filtrabili e animati.
• ImagesLoaded 5.0.0 – Garantisce che le immagini siano completamente caricate prima del rendering del layout.
• jQuery 3.7.1 – Manipolazione DOM migliorata (opzionale ma supportata).
• Express 4.18.2 – Integrazione backend o gestione API (facoltativa).
• RxJS 7.8.0 – Programmazione reattiva per la gestione dei dati in Angular.
• Zone.js 0.15.1 – Helper di Angular per il tracciamento asincrono e il rilevamento delle modifiche.
• TSLib 2.3.0 – Libreria di runtime per gli helper TypeScript.
• Typewriter Effect 2.21.0 – Digitazione dinamica animata per intestazioni di testo creative.
• Capacitor 7.0.1 : distribuzione fluida di app mobili per Android e iOS.
• Completamente reattivo : layout ottimizzato per dispositivi mobili, tablet e desktop.
• SEO Friendly : struttura pulita e gestione dei metadati per una migliore indicizzazione.
• Interfaccia utente/esperienza utente moderna : design accattivante, minimalista e veloce da caricare.

Configurazione di sviluppo

Il tuo package.json include:

Script CLI angolari

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

Strumenti di sviluppo

• @angular-devkit/build-angular : ^19.0.2
• @angular/compiler-cli : ^19.0.2
• TypeScript : ~5.8.3
• Test : Jasmine, Karma, Chrome Launcher
• Capacitor CLI : ^7.0.1 per il supporto della piattaforma nativa

Pronto per piattaforme mobili e native

• @capacitor/angular : ^2.0.3
• @capacitor/android , @capacitor/ios , @capacitor/core : ^7.0.1
• Distribuisci facilmente come app nativa con il supporto Capacitor per Android/iOS.

La documentazione riguarda:

• Configurazione e installazione (Angular CLI e Node)
• Come abilitare e configurare PWA
• Configurazione di carosello, galleria e animazione
• Suggerimenti per il comportamento reattivo e l'implementazione
• Domande frequenti e problemi noti

Changelog