---

1. Repository Setup:

Name your GitHub repository AngularBasicRouting.

---

2. Create folder for The Angular App:

• Use this command;

  ng new <folder name>

---

3. Run The Angular App

copy the Localhost link in your browser

3. Open file On IDE.

---

4. Create Components

Generate the following components using Angular CLI:

• login

• signup

• homepage

• landing page

  Create Folder for Components:

On the IDE Terminal, input the following commands;

Go to the App.component.html and edit the file.

4. Set Up Routing:

• Set up Angular routing to navigate between the login, signup, homepage, and landing page components.

• create a file on the app folder, name it app.module.ts

Use this code below:

---

Then Link them using this codes on your app.component.html file.

---

5. Output

---

Homepage

---

Login

---

Sign Up

---

Landing Page

Link for the Video: https://screenrec.com/share/UBJgEkMN7x

6. Push to Github Repository

On the Terminal, initialize git in the folder and check status

---

After Checking Status, add files using this command, then check status again:

---

Then add and push files to remote Repository using the GITHUB Link of your Repository.

---

And Here is the Output of our Repository:

You can see that the files are uploaded to the remote Repository on Github.

Github Link: https://github.com/jhayr311231/AngularBasicRouting.git

---

After Pushing The Files,

Lets commit and check status and log to our Repository

---