Skip to main content

Command Palette

Search for a command to run...

ACTIVITY: Angular Basic Routing

Updated
1 min read
T

I am a dedicated and skilled Software Engineer specializing in mobile app development, backend systems, and creating secure APIs. With extensive experience in both SQL and NoSQL databases, I have a proven track record of delivering robust and scalable solutions.

Key Expertise:

Mobile App Development: I make high-quality apps for Android and iOS, ensuring they are easy to use and work well.

Backend Development: Skilled in designing and implementing backend systems using various frameworks and languages to support web and mobile applications.

Secure API Creation: Expertise in creating secure APIs, ensuring data integrity and protection across platforms.

Database Management: Experienced with SQL databases such as MySQL, and NoSQL databases like Firebase, managing data effectively and efficiently.

Technical Skills: Programming Languages: Java, Dart, Python, JavaScript, Kotlin, PHP

Frameworks: Angular, CodeIgniter, Flutter, Flask, Django

Database Systems: MySQL, Firebase

Cloud Platforms: AWS, Google Cloud Console

I love learning new things and taking on new challenges. I am always eager to work on projects that make a difference.

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:

More from this blog

T

Thirdy Gayares

99 posts

Software Engineer | Mobile Developer | Data Scientist