Angular : Routing, IMAGE Insertion in Angular Project | Welcome/Dashboard Component!
How to insert an image in angular project ?, Image not getting showed on web page in angular ?, How to add cards in angular project ?
Ready to take your Angular project to the next level? 🚀 In this video, we'll walk you through the step-by-step process of adding images to your Angular application, from setup to displaying them flawlessly. But that's not all! We’ll also show you how to create an eye-catching Welcome page and a dynamic Dashboard component to enhance user experience.
Github Link for this Project -- https://github.com/mohammadTauheedraz...
Timelines :
00:25 -- Checking where our login is redirecting us to !
01:14 -- Editing the code for navigation from login to welcome component !
01:34 -- Have added the route details in "app-routing.module.ts" file
03:13 -- Steps are being written to add your image from any folder into your Angular Project.
Though , you can add the image by copying the image from any other folder in the assests folder in your angular project. You will find the assests folder in
inside src -- outside the app below that -- you can find the assets folder -- create one img for image folder -- copy your images inside this and then you can use the image address in your img tag to add your images in your angular project .
📸 What You’ll Learn:
How to insert and manage images in Angular.
Best practices for image optimization and organization.
Whether you're a beginner or looking to refine your Angular skills, this tutorial has something for everyone. Follow along as we guide you through each step with clear explanations and practical examples.
💻 Don’t forget to like, comment, and subscribe for more Angular tutorials!
#angular #tutorials #angulardeveloper #angulardevelopment