The latest articles on DEV Community by Developer Thing (@semir_deljic). https://dev.to/semir_deljic https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F293790%2F34e67d74-5f24-4ee3-91a7-192985695dea.png https://dev.to/semir_deljic en Developer Thing Tue, 01 Mar 2022 16:42:36 +0000 https://dev.to/semir_deljic/building-mac-os-clone-with-angular-and-primeng-3lba https://dev.to/semir_deljic/building-mac-os-clone-with-angular-and-primeng-3lba <p>In this series, we're going to build a mac OS clone.</p> <p>We will be using a simple RxJs store for handling state in our application. No external CSS framework or library is being used, only scss.</p> <p>If you are interested in Angular and how to build simple, yet visually effect applications make sure to check it out.</p> <p>We'll use Angular 13 as our frontend framework <a href="https://angular.io/">https://angular.io/</a> and PrimeNg as our primary UI library<br> <a href="https://www.primefaces.org/primeng">https://www.primefaces.org/primeng</a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--nRodRzl6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gbzuw6g10m7wj9xvou2l.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--nRodRzl6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gbzuw6g10m7wj9xvou2l.png" alt="Spotlight search" width="880" height="449"></a></p> <p>At least 10 PrimeNg components will be used in this course</p> <ol> <li>Menubar</li> <li>TabView</li> <li>Dock</li> <li>Dialog</li> <li>DynamicDialog</li> <li>Terminal</li> <li>ContextMenu</li> <li>AutoComplete</li> <li>ProgressBar</li> <li>InputText</li> </ol> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--xCIgGhof--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/355mbma4tj3wgrd0qxm0.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--xCIgGhof--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/355mbma4tj3wgrd0qxm0.png" alt="Finder clone" width="880" height="452"></a></p> <p>We will clone Finder, Spotlight, Terminal and many other Mac OS apps.</p> <p>Deployed application<br> <a href="https://monterey.world">https://monterey.world</a></p> <p>To learn more please visit the Youtube Channel: Developer Thing<br> <a href="https://youtu.be/ha9LY12yVrk">https://youtu.be/ha9LY12yVrk</a></p> angular macos tutorial web