# Activity #8 : Getting Started with Angular

### **Step1: Run the** `ng new my-angular-app` this will create a boiler plate

![No description available.](https://scontent.fmnl3-1.fna.fbcdn.net/v/t1.15752-9/459178378_845054604468783_3160378562896281999_n.jpg?_nc_cat=107&ccb=1-7&_nc_sid=9f807c&_nc_eui2=AeHhp3kixUs1XdPDTrx9bUVhnsrA-nmacFaeysD6eZpwVsSsgixjnBjVNTUiWHV2n9QDZh-dnqKm4ycr2zVNRiBS&_nc_ohc=q8Bk0YnOxwEQ7kNvgHVxehp&_nc_ht=scontent.fmnl3-1.fna&oh=03_Q7cD1QEzBfM_1wng0GtCGz-E9bdLZw0f7PSY2dLvxQybrUHeYA&oe=671E7325 align="left")

### **Step 2: Serve the Angular Application**

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727459618454/3c429b85-cc62-4dad-a76c-93aecea9e0de.png align="center")

### **Step 3: Open the App in the browser**

After the compilation is complete, open your browser and navigate to: [`http://localhost:4200`](http://localhost:4200/)/

![No description available.](https://scontent.fmnl3-4.fna.fbcdn.net/v/t1.15752-9/457873513_825015416317992_8900607523231038485_n.png?_nc_cat=101&ccb=1-7&_nc_sid=9f807c&_nc_eui2=AeFwK0PGZe5Q2w4i60dX-FF1lIFUiiubkHyUgVSKK5uQfD6Lb6l-uQ95GR1I2ynaK3AZUKcsUo1PhtqOh0066M8a&_nc_ohc=_qfg1OHzWo4Q7kNvgEz0nyP&_nc_ht=scontent.fmnl3-4.fna&_nc_gid=AKDzwXzaz-PwWXpOVJ-FRUr&oh=03_Q7cD1QGyMmybtaxaXPpDucRKBZlD85259x63w6KIMUeg8ovsHQ&oe=671E6332 align="left")

### **Step 4: Edit**

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727460098185/81954687-8dd5-4771-8c89-5ba9d5e25746.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1727460083523/f68988cb-dadc-4f20-9092-55d149a6db8f.png align="center")

[https://github.com/WalterJhonSalibay/AngularBasicRouting](https://github.com/WalterJhonSalibay/AngularBasicRouting)