878.58085ca26b12189d.js

"use strict";(self.webpackChunkprofile=self.webpackChunkprofile||[]).push([[878],{1878:(j,l,e)=>{e.r(l),e.d(l,{PageBacolaComponent:()=>v});var r=e(177),n=e(618),p=e(2947),c=e(8631),m=e(2487),g=e(175);const d=["assets/img/portfolio/work/bacola1.jpg","assets/img/portfolio/work/bacola2.jpg","assets/img/portfolio/work/bacola3.jpg","assets/img/portfolio/work/bacola4.jpg","assets/img/portfolio/work/bacola5.jpg"],f=["Utilisation de NgModule avec une architecture MVVM.","Gestion d'\xe9tat r\xe9active avec NgRx pour la devise et l'emplacement.","100% de composants Angular sont OnPush.","Utilisation de la biblioth\xe8que NgZorroAnt pour styliser les composants."],u={project:"e-commerce",client:"Demo",duration:"1 Mois",tool:"Angular 16"},h=[{image:"assets/img/portfolio/app_go.jpg",path:"/portfolio/gostore",name:"GoStore Electronics",descrp:"Site e-commerce"},{image:"assets/img/portfolio/app_ao.jpg",path:"/portfolio/ao",name:"Alg\xe9rie Office",descrp:"Marketplace"},{image:"assets/img/portfolio/app_cm2.jpg",path:"/portfolio/cm2",name:"Comture.MSO 2",descrp:"Application Desktop"}];var o=e(7705);function A(t,F){if(1&t&&(o.j41(0,"li"),o.EFF(1),o.k0s()),2&t){const i=F.$implicit;o.R7$(1),o.SpI(" ",i," ")}}let v=(()=>{class t{constructor(){this.carousels=d,this.piles=f,this.details=u,this.related=h}static#o=this.\u0275fac=function(a){return new(a||t)};static#e=this.\u0275cmp=o.VBU({type:t,selectors:[["app-page-bacola"]],standalone:!0,features:[o.aNF],decls:23,vars:4,consts:[[1,"page-bacola"],[3,"items"],[1,"t-subheader"],[1,"divider2","my-20"],[1,"t-title","t-text2"],[1,"t-parag","my-20"],[1,"f-500","t-text1","m-r-5"],[1,"ul-pile"],[4,"ngFor","ngForOf"],[1,"my-30"],["href","https://redabensaad.github.io/bacola/","target","_blank",1,"lien-btn","lien-red","t-upper"],[1,"fa","fa-link","m-l-5"],[3,"details"]],template:function(a,s){1&a&&(o.j41(0,"div",0),o.nrm(1,"app-portfolio-carousel",1),o.j41(2,"h1",2),o.EFF(3,"Bacola Centre d'Achat"),o.k0s(),o.nrm(4,"div",3),o.j41(5,"h2",4),o.EFF(6,"Application e-commerce avec Angular 16, Septembre 2023"),o.k0s(),o.j41(7,"p",5),o.EFF(8," Exemple de r\xe9alisation e-commerce on examinerons la version 16 d'Angular."),o.nrm(9,"br"),o.j41(10,"span",6),o.EFF(11,"Pile"),o.k0s(),o.EFF(12,": Angular 16, TypeScript, CSS3, HTML5, Node, npm. "),o.k0s(),o.j41(13,"ul",7),o.DNE(14,A,2,1,"li",8),o.k0s(),o.j41(15,"div",9)(16,"a",10),o.EFF(17," Pr\xe9visualiser "),o.nrm(18,"i",11),o.k0s()(),o.nrm(19,"app-portfolio-details",12)(20,"app-share-socials")(21,"app-portfolio-related",1),o.k0s(),o.nrm(22,"app-footer")),2&a&&(o.R7$(1),o.Y8G("items",s.carousels),o.R7$(13),o.Y8G("ngForOf",s.piles),o.R7$(5),o.Y8G("details",s.details),o.R7$(2),o.Y8G("items",s.related))},dependencies:[r.MD,r.Sq,n.c,p.A,c.Z,m.T,g.n],encapsulation:2,changeDetection:0})}return t})()}}]);