ACTIVITY 7: Angular Basic Routing
Name your GitHub repository AngularBasicRouting.
Let's create a folder for our Angular project and name it "activity-angular-routing"
Let's create a new Angular project!
Here's the command to create a new Angular project:
Copycd activity-angular-routing
ng new activity-angular-routing
This will create a new Angular project in the "activity-angular-routing" folder.
I used Webstorm editor to open an angular project in anyeditor.
Let's create a folder to organize our Angular components!
Let's generate our Angular components!
This will create four new Angular components: "login", "signup", "homepage", and "landingpage", within the "components" folder.
Let's set up our Angular module!
This sets up our Angular module with the necessary imports for routing, form handling, animations, and our newly created components.
Remove standalone: true and imports: [] from All Components
Update main.ts
Update app.component.html
to run the angular open terminal type ng serve
OUTPUT:
Let's check the status of our Git repository!
This will display the current status of our Git repository, showing which files have been modified, added, or deleted since our last commit.
After adding our changes with git add ., this command will show us the current status of our Git repository, highlighting which files are now staged and ready for our next commit.
This command will create a snapshot of our project's current state, effectively saving our work, and associate it with a descriptive message, "First commit", giving us a record of the changes we've made.
This command will update the name of our current branch to "main", effectively renaming it, and make it the default branch for our repository.
This command will set up a connection between our local Git repository and the remote repository, allowing us to synchronize changes between the two by pushing and pulling updates.
This command will push the changes from our local "main" branch to the corresponding "main" branch on the remote repository, and then establish a connection between the two branches, so that future pushes can be made with a simple git push command.
Here is the link to my GitHub repository: