# ACTIVITY 7: Angular Basic Routing

First I created a folder and install angular in folder.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726579298471/ba287c06-bb46-4ffe-8082-9eb13bfb3473.png align="center")

Open a any IDE open the folder in IDE and created a folder components inside the app folder. Created Homepage, Login, Signup, and Landing page component inside in components folder using terminal. code: ng generate component components/(name of components).

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726579544001/724dfce4-4797-44ec-ba10-6c78c2f077c9.png align="center")

Create a app.module TS inside of the app folder.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726579607396/cfcefc49-08a9-43dc-8fa3-e96fb68ddfe0.png align="left")

In app.module create a route const to provide routing in components.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726579683672/b85d40c2-26e3-400a-8427-6f8be0c103c7.png align="center")

create a Ngmodule for imports, declaration, providers, and bootstrap. Export class AppModule.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726579772154/2c33459d-931d-4473-bcb5-da1593753154.png align="center")

In app.component.html create a html code to provide the link of the components

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726579914668/7ee6e8ee-773e-49e8-b17b-477f1f2147dc.png align="center")

Output:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726580134635/b1c8b82f-e195-4233-808e-eb1ef95c4d6b.gif align="center")

Repository: [https://github.com/kaysie0919/AngularBasicRouting.git](https://github.com/kaysie0919/AngularBasicRouting.git)