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:

  1. Repository Setup:

    • Name your GitHub repository AngularBasicRouting.
  2. 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).

  3. 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.

  4. 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.

  5. 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: