ACTIVITY: Angular Basic Routing
Goal:
Create a simple Angular project with basic routing and four components: login, signup, homepage, and landing page. The project will showcase the use of Angular routing to navigate between these components.
Instructions:
Repository Setup:
- Name your GitHub repository AngularBasicRouting.
Create Four Components:
Generate the following components using Angular CLI:
login
signup
homepage
landing page
Implement basic functionality and structure for each component using HTML and TypeScript only (no design or CSS required).
Set Up Routing:
Set up Angular routing to navigate between the login, signup, homepage, and landing page components.
Use the documentation or refer to the class recording to assist you in setting up routing.
Document on Hashnode:
Write a brief article on Hashnode documenting your activity.
Include code snippets that explain how you created the components and configured routing.
Provide the link to your AngularBasicRouting GitHub repository in the post.
Share on the Portal:
- Once you’ve completed the Hashnode documentation, share the link to your article on our portal.
Good luck with your Angular routing practice!
Example: