How to setup Admin Application in Angular | Side Bar in Angular

In this video I have Explained How to setup admin application in angular 18.
How to implement sidebar in angular.

sidebar in angular | Admin app setup angular | How to setup angular Project for admin app | Login page in angular | Angular tutorials

To Connect with me & get Notification of Live Session Join

Angular Interview Question

Learn From me

You can find Html Template Code on GitHub

Visit Our Mini Project Ideas Portal where you can find So many project
ideas you can try to implement

Follow & Connect me on LinkedIn

#angulartutorial
#angular18
#angulartutorialforbeginners

[tanush]

Your video taught me more in 30 minutes than I’ve learned in weeks!

[alojosiah]

You've been a blessing to my angular career
Thank You

[arifamohamedyassine]

I’ve been following your tutorials, and they’ve made such a difference

[edanuryldrm]

I'm waiting for more videos on this subject, I found it very useful

[technosubbu]

Great tutorial and first ever in angular 18 series... Congratulations yaar... From tamilnadu 🎉🎉🎉🎉❤❤❤❤

[shubhamtechok]

What a video sir
.... Great experience.... Today I need the dashboard layout and your video is uploaded 🎉u r amazing teacher

[luisgonzalez]

Hey Chetan,

I've been following this tutorial, and I solved the issue related to the vertical and horizontal scrollbars (at min 17:55) by adding the code below inside the style.css file:

html, body {
/* Hiding the vertical and horizontal scrollbars */
overflow: hidden;
}
Using this approach allows us to avoid duplicating CSS code and applies it to the entire project.

[codeaz]

thank you Sir. Could you please use Angular Material UI sometimes ?

[vishallengare]

awesome video!, can you plz add the toggle button as well so sidebar will hide and expand.

[codeaz]

can u please make a video about handling 'no data', errors and loader statement in Angular 18?

[luisgonzalez]

You did an excellent job with this project, thanks!

I noticed that as the project grows with more components and we use this syntax:

{
path: 'dashboard',
title: 'Dashboard',
component: DashboardComponent
}

the import section at the top of our app.routes.ts file increases as well.

What do you think about using the following syntax to avoid that? From my perspective, it could make the code cleaner:
{
path: 'dashboard',
title: 'Dashboard',
loadComponent: () => import('./pages/dashboard/dashboard.component'),
pathMatch: 'full'
}

[patel]

Hey Chetan, Could you make videos on Prime Ng. It's very easy to make good UI with this kind of library, but there is no good tutorials available on YouTube.

[Sumeshkumarback]

6:05 why there is need to create empty login ? How it works explain in easy way ?

[shriharibinwade]

Hi sir, please make video on nested side nav.

[souravkaushik]

How can I join your what's app group sir ? Please let me know.

[mayurgabhale]

Sir please, using the database make a video

[informer]

Sir i have created my angular project v18 with normal css how to migrate from css to scss

[aabhishakemishra]

Sir in angular how to check memory leaks?