# 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](https://software-engineer.thirdygayares.com/angular-create-components-modules-and-routes) or refer to the class recording to assist you in setting up routing.
        
4. **Document on Hashnode:**
    
    * Write a brief article on [Hashnode](https://hashnode.com/) 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:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1725096655852/45c6de75-69b3-4d0e-896f-eec0b3ab462d.gif?auto=format,compress&gif-q=60&format=webm align="left")